provide与inject的用法
# provide和inject的用法
实现子孙组件之间的通信
具体:
父组件有一个provide选项来提供数据,子组件有一个inject选项来使用这些数据
- 父组件
<script>
import { ref, privide } from 'vue'
export default {
let data = ref('张三')
privide('car', data)
}
</script>
1
2
3
4
5
6
7
2
3
4
5
6
7
- 子组件
<scripte>
import { inject } from 'vue'
export default {
let data = inject('car')
}
</scripte>
1
2
3
4
5
6
2
3
4
5
6
上次更新: 2023/08/29, 8:08:00