$refs的用法及作用

獲取DOM元素，一般用document.querySelector獲取這個dom節點，然后在獲取input的值

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

this.$refs.input1  這樣可以減少獲取DOM節點的消耗

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

new Vue({
    el: "#app",
    methods:{
    add:function(){
         //this.$refs.input1  減少獲取dom節點的消耗
        this.$refs.input1.value ="996";
        }
    }
})