vue2父子深层嵌套传值

简介

使用 provide/inject 解决父子传值中深层嵌套的问题

代码块

父组件

provide() {
	return {
		test: this.test, // 传递方法
		testData: this.testData, // 传递数据
	}
},
data() {
	return() {
		testData: 'test',
	}
},
methods: {
	test() {
		console.log("test")
	}
}

子组件

inject["test", "testData"],
methods: {
	// 此方法为子组件的方法，在子组件的方法中需要调用父组件的方法
	sonMethods() {
		this.test(); // 调用父组件的方法
		let sonData = ""
		sonData = this.testData   // 调用父组件的数据
	}
}