vue3 实现祖孙组件通信(provide、inject )

patent.vue

//父组件通过provide提供数据
  import {reactive,provide} from 'vue';
  let objData = reactive({
    name:'張三',
    age:18,
  })
  provide('objData', objData)

child.vue 和childchild.vue

	//子组件通过inject获取数据
	import { inject} from 'vue'
	let objData = inject('objData')
	console.log(objData)

你可能感兴趣的:(vue3,组件通信)