vue使用ref，详解

ref 就是替代原生getelementbyID作用，并且提供了一些扩展

• getelementbyID主要用于获取DOM元素
  给元素设置<div ref="myref" >
  运用:可以用来获取DOM元素相关值、修改样式等
  this.$refs.myref.style.background = "red"

• 扩展运用:
  给元素设置<div ref="myref" >

  基本使用：this.$refs.myref.XXXX
  进阶使用：你在父组件中弄了个子组件并设置了ref=“ myref ”，然后可以在控制台查看vm实例，
  你可以发现$refs下有个myref，myref下就有该子组件的data、methods等信息

  那么你在父组件内就可以调用了。假设子组件定义了变量msg，和方法show(）

  this.$refs.myref.msg
  this.$refs.myref.show()
  

注意事项

• ref属性值绑定元素都是唯一的，如果一个ref属性绑定了多个dom节点，那么这个ref属性将会默认绑定到最后设置该ref属性值的DOM节点。
• 所有的ref属性进行的操作都不是响应式的，所以避免在计算属性(Computed)，和模板({{}})中使用ref属性。