vue provide/inject实现数据响应

34 阅读1分钟

父组件

export default{
	provide: function () {
        return {
            getVisible: () => this.visible 
        };
	},
	data(){
		return {
			visible: true
		}
	}

隔代组件

export default{
	inject: ['getVisible'],
	computed:{
		visible() {
			return this.getVisible()
		}
	}
}