provide / inject
父组件使用 provide 像下提供数据,其下所有子组件都可以通过inject注入。不管中间隔了多少代,都可以注入多个来自不同父级提供的数据。
使用示例
<com-b></com-b>
// comA.vue
export default {
name: 'comA',
provide: {
return {
a: 'Hello'
}
}
}
// comB.vue
export default {
name: 'comB',
inject: ['a'],
mouted(){
console.log('a', this.a); // 'Hello'
}
}
在app.vue 文件(根文件)里面全局注册信息,就可以在整个路由里面去引用