vue $refs基本使用

1.简单应用
html

<input type='text' ref='input1' />
<button @click='add'> 添加数值</botton>

js

methods:{
    add:function(){
       //this.$refs.input1  减少获取dom节点的消耗
        this.$refs.input1.value ="10"; 
        }
    }

2.ref 加在子组件上，用this.$refs.（ref值） 获取到的是组件实例，可以使用组件的所有方法及data的变量。

3.如果通过v-for 遍历想加不同的ref时记得加 :号，即 :ref =某变量 ;

注意:ref需要在dom挂载后才能获取到,否则undefined