vue学习之------ ref 引用

ref 引用的作用 ——— 在不依赖jQuery的情况下，获取到DOM元素或者组件的引用;

                             每个vue的实例上，都包含一个 $refs 对象

1、得到当前组件中所有的 ref 引用

想通过ref属性得到DOM元素，必须先在标签上定义ref名字

 

结果：

 

 

 2、利用 ref 改变标签样式

 3、利用 ref 调用子组件中的方法

父组件：

 

子组件：