0
点赞
收藏
分享

微信扫一扫

Vue3响应式provide、inject传值


在父组件定义一个响应式的值
​​​chat​​​为要向子组件传递的值
​​​updateChat​​​为子组件修改​​chat​​的方法

const chat = ref(null)
const updateChat = (item) => {
console.log("重新拿到的值", item)
chat.value = item
}
provide('chat', chat)
provide('updateChat', updateChat)

子组件修改

const updateChat = inject('updateChat')
updateChat("修改后的值")

子组件监听​​inject​​变化

const chat = inject('chat')
watch(() => chat, () => {
console.log("inject", chat)
}, { deep: true })


举报

相关推荐

0 条评论