vue3祖孙组件间通信
作用:实现祖孙组件间通信
父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这些数据
具体写法:
1.祖组件中:
setup(){ let car = reactive({name:'奔驰',price:'40万'}) provide('car',car) }
2. 孙组件中:
setup( props, context ){ const car = inject('car')
return {car} }
作用:实现祖孙组件间通信
父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这些数据
具体写法:
1.祖组件中:
setup(){ let car = reactive({name:'奔驰',price:'40万'}) provide('car',car) }
2. 孙组件中:
setup( props, context ){ const car = inject('car')
return {car} }