注:书中介绍$els,但在实际应用中用到$els,发现不起作用,最后查了下资料说在vue2中废弃了,使用$ref来代替。
ref
被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs
对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例。接下来是我在练习时写的一个小例子。
HTML部分:
<span ref="msg">test</span>
JS部分:
export default {
mounted(){
this.init();
},
methods:{
init(){
console.log(this.$refs.msg.textContent)
}
}
}
输出结果:test