vue的ref

注：书中介绍$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