实例详解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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。