vue小知识~注入provide！

注入表示的是将该组件的相关值，方法，实例向后代组件注入。

祖先元素中定义注入：

export default {
provide() {
        return { provideName: provideValue };
    },
}

还可以是一个对象：

export default {
provide{
        provideName: provideValue
    },
}

例如：

export default {
    data() {
        return {
            munbers: 10000,'
        };
    },
    provide() {
        return { munbers: this.munbers };
    },

后代组件中使用inject消费，inject是一个数组也可以是一个对象，和props类型

inject: ['provideName'],

例如：

inject: ['munbers'],

在后代组件就会有munbers这个属性了，通过this就可以访问。

警告：项目不推荐使用，组件封装可以考虑使用！！！