provide / inject

258 阅读1分钟

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 文件(根文件)里面全局注册信息,就可以在整个路由里面去引用