<div id="app"><input type="text" ref="input1"/><button @click="add">添加</button></div>
<script>
new Vue({
? ? el: "#app",
? ? methods:{
? ? add:function(){
? ? ? ? this.$refs.input1.value ="22"; //this.$refs.input1? 減少獲取dom節(jié)點的消耗
? ? ? ? }
? ? }
})
</script>
一般來講梗肝，獲取DOM元素温鸽，需document.querySelector（".input1"）獲取這個dom節(jié)點琅摩，然后在獲取input1的值逃沿。
但是用ref綁定之后曹阔，我們就不需要在獲取dom節(jié)點了鹿鳖，直接在上面的input上綁定input1俄讹，然后$refs里面調(diào)用就行篮洁。
然后在javascript里面這樣調(diào)用：this.$refs.input1 ?這樣就可以減少獲取dom節(jié)點的消耗了
