vue中使用ref获取dom对象

(1)在标签上绑定一个ref属性,该属性可以获得该标签的dom对象

    
Hello World

结果:this.refs对象上有个hi对象,hi对象就是该标签的dom对象。

vue中使用ref获取dom对象_第1张图片

在组件中使用ref属性:

    
组件一的值: 组件二的值: 一和二的总和:{{sumNumber}}

结果:

vue中使用ref获取dom对象_第2张图片

注意:this是Vue实例

(2)el属性是element的意思,可以用实例上的$mount方法代替

        var vm = new Vue({
            
            data: {
                
            },
        })
        vm.$mount('#app');

 

你可能感兴趣的:(Vue,Vue)