实例详解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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短