vue3 inject改变之后回传
时间: 2023-04-04 18:01:41 浏览: 49
我可以回答这个问题。在 Vue3 中,当使用 inject 时,如果被注入的值发生了改变,它不会自动更新到注入它的组件中。为了解决这个问题,可以使用 provide/inject 的响应式 API,即使用 ref 或 reactive 包装注入的值,这样当值发生改变时,它会自动更新到注入它的组件中。
相关问题
vue3inject
在Vue3中,provide/inject是一种新的API,它允许祖先组件向后代组件传递数据,而无需通过props逐层传递。provide/inject类似于消息的订阅和发布,provide提供或发送数据,inject接收数据。provide/inject的使用需要在setup期间调用,使用之前,必须从vue显示导入provide/inject方法。provide/inject还支持响应式数据,可以在provide中使用ref或reactive来提供响应式数据,而在inject中使用ref或reactive来接收响应式数据。需要注意的是,inject接收到的数据是只读的,如果需要修改数据,需要在provide中使用ref或reactive来提供可修改的数据。
vue3 inject
Vue3中的inject是一种在组件之间进行跨层级通信的方法。通过在父组件中使用provide提供数据,然后在子组件中使用inject注入并获取这些数据。这种方式可以方便地实现组件之间的数据传递,而无需通过props逐层传递。。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue 3 学习笔记 (八)——provide 和 inject 用法及原理](https://blog.csdn.net/weixin_43880397/article/details/121552232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue3 理解 provide / inject 的作用、使用](https://blog.csdn.net/cookcyq__/article/details/121619003)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]