获取DOM元素,通常用document.querySelector获取这个dom节点,而后在获取input的值app
可是用ref绑定以后,就不须要在获取dom节点了,直接在上面的input上绑定input1,而后$refs里面调用便可dom
this.$refs.input1 这样能够减小获取DOM节点的消耗this
<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"; } } })