ref 有三种用法： 　　1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 　　2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 　　3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 ...

　　ref 有三种用法： 　　1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 　　2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 　　3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 ...

1.vue插槽 1.插槽的作用：以局部组件为例 　　插槽就是Vue实现的一套内容分发的API，将<slot></slot>元素作为承载分发内容的出口。插槽内可以是任意内容。 (1)不带插槽的情况： 结果：组件标签内的元素不会显示 ...

<div id="app"> 　　 <input type="text" ref="input1"/> 　　<button @click="add">添加</button> </div> <script> ...

vue中的 ref 和 $refs ...

如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 在上面的例子中，input的引用信息为input1 ，$refs 是所有注册 ...

在vue中一般很少直接操作DOM，如果需要操作DOM，我们可以通过ref 和$ref来实现。 1 ref 　　ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上，如果是在普通的DOM元素上使用，引用指向的就是 DOM 元素，如果是在子组件上，引用就指向 ...

如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 在上面的例子中，input的引用信息为input1 ，$refs 是所有注册 ...