实例详解vue中的$root和$parent
$root
vue状态管理使用vuex,如果项目不大,逻辑不多,name我们没必要用vuex给项目增加难度,只需要用$root设置vue实例的data就行了,如下
main.js
newVue({
data(){
return{
loading:true
}
},
router,
store,
render:h=>h(App)
}).$mount('#app')
a.vue
created(){
console.log(this.$root.loading)//获取loading的值
}
b.vue
created(){
this.$root.loading=false;//设置loading的属性
}
$parent
parent能够访问父组件的属性和方法
parent.vue
child.vue
$refs
总结
以上所述是小编给大家介绍的vue中的$root,$parent,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。