Vue组件间通信方法总结（父子组件、兄弟组件及祖先后代组件间

$root 直接访问根组件

根据官方的文档，我们可以通过 $root 来直接访问到 Vue 实例

比方说将数据存储在 Vue 实例中：

// src/main.js
new Vue({
 data () {
 return { // 在这里！！
  colored: false
 }
 },
 router,
 store,
 render: h => h(App)
}).$mount('#app')

然后我们在其他各个组件中都能够使用：

export default {
 name: 'MyComp',
 // ...
 mounted () {
 console.log(this.$root) // 直接访问到根组件
 },
 // ...
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对软件开发网的支持。