关于vue的ref笔记

提示：在vue中以$开头的是vue的内置对象 -------记住他！！！

在vue中，程序员不需要操作DOM，只需要把数据维护好就行（数据驱动试图），强烈不建议大家在vue项目中使用Jquery操作DOM，但是如果有拿到页面上的某个DOM元素的需求怎么办？

使用ref操作DOM

介绍：每一个vue的组件实例上，都包含了一个$refs对象，里面储存着对应的DOM元素或组件的应用，ref不仅可以用来引用DOM元素，也可以用来引用组件实例。

每一个vue的组件实例上，都包含了一个$refs对象，只不过一开始这个$refs对象是一个空对象

如何使用呢？

在标签内或者组件内添加一个ref属性即可

这个时候的$refs对象就不是一个空对象了，它里面包含了ref属性

注意：写ref的时候ref的名称不能有一样的，不然都会失效

  定义ref之后，然后在script代码中进行操作

说明：this：vue实例对象this， this.$refs.ref名称.dom元素

ok完事儿，不管是引用DOM元素还是组件实例，都是这么使用的，不同之处在于：

只不过操作DOM元素是这样的： this.$refs.ref名称.dom元素

操作组件实例是这样的：this.$refs.ref名称.组件内的数据或者是方法等等