获取DOM元素，一般用document.querySelector获取这个dom节点，然后在获取input的值

但是用ref绑定之后，就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用即可

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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";
        }
    }
})

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄