一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。 但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行 ...

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素） 使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取 注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods ...

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

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

; 　　 new Vue({ 　　　　el: "#app", 　　　　 methods:{ 　　　　　 ...

　　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)不带插槽的情况： 结果：组件标签内的元素不会显示 ...

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