Vue学习日记--柒

ref

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。

如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例

        Vue.component('subCom',{
    
    
           template:'<div>哈哈</div>'
        });
 var App={
    
    
            template:'<div class="app">' +
            '<button ref="btn">我是按钮</button>' +//ref绑定关联属性
            '<subCom ref="abc"></subCom>' +
            '</div>',
            mounted:function(){
    
    
                
                console.log(this.$refs.btn);
                console.log(this.$refs.abc);
            }
        };

控制台中的输出：

• 使用this.$refs.btn来获取原生的jsDOM对象
• ref属性不能重名，会被覆盖。
• 如果给组件绑定ref， this.$refs.btn获取的是当前的组件对象