原文：http://www.jianshu.com/p/3bd8a2b07d57 看Vue.js文档中的ref部分，自己总结了下ref的使用方法以便后面查阅。 一、ref使用在外面的组件上 HTML 部分 <div id="ref ...

原文地址：http://www.cnblogs.com/xueweijie/p/6907676.html ...

　　关于ref和$refs的用法及讲解，vue.js中文社区（ https://cn.vuejs.org/v2/api/#ref ）是这么讲解的： 　　 　　ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。 　　如果在普通的 DOM 元素上使用，引用 ...

https://www.jianshu.com/p/623c8b009a85 vue中的ref其实功能很强大，下面介绍一下如何使用。 基本用法，本页面获取dom元素 <template> <div id ...

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

vue中的 ref 和 $refs ...

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

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