$refs的解釋

$refs 理解與用法

      
<</span>div id="app">
    <</span>input type="text" ref="input1"/>
    <</span>button @click="add">添加</</span>button>
</</span>div>
復制代碼
<</span>script>
new Vue({
    el: "#app",
    methods:{
    add:function(){
        this.$refs.input1.value ="22"; //this.$refs.input1  減少獲取dom節點的消耗
        }
    }
})
</</span>script>

在原生里獲取DOM元素，需document.querySelector（".input1"）獲取這個dom節點，然后在獲取input1的值。

但是用ref綁定之后，我們就不需要在獲取dom節點了，直接在上面的input上綁定input1，然后$refs里面調用就行。

然后在javascript里面這樣調用：this.$refs.input1  這樣就可以減少獲取dom節點的消耗了

elmentUI:,可以先引用一個屬性值 

ref='close'

然后利用resetFields()關閉對話框

this.$refs.close.resetFields