在北方每当春回大地，丁香花便不甘寂寞，也会兴致匆匆竟相开放，把他那扑扑幽香……丁香花色繁多有紫色，红色，白色等在没有梅雨的六月里散发着香水般芳菲的气息。天坛公园有个丁香林，置身其中，人真会有些要被花香熏晕的感觉多么忧郁的花。多么娇嫩的花。院子里栽满丁香花。开满紫色美丽的鲜花。丁香花小，一簇一簇的，有白有紫，路边的丁香花已孕育花苞，树下围了不少人指着花苞吵吵嚷嚷，别着急呀，只等春雷一响就会竞相绽放。
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例，例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<h1 ref="info">11</h1>
<child ref="child"></child>
<p v-for="item in items" ref="item">{{item}}</p>
<button @click='show'>Test</button>
</div>
<script>
Vue.component('child',{template:'<h1>I am childComponent</h1>'})
var app = new Vue({
el:'#app',
data:{items:[11,12,13]},
methods:{show:function(){console.log(this.$refs)}} //点击后输出Vue实例的$refs属性
})
</script>
</body>
</html> 本文Vue.javascript源码分析(十)基础篇ref属性详解到此结束。不相信奇迹的人永远都不会创造奇迹。小编再次感谢大家对我们的支持！
