Vue3响应式provide、inject传值
在父组件定义一个响应式的值chat为要向子组件传递的值updateChat为子组件修改chat的方法const chat = ref(null)const updateChat = (item) => {console.log("重新拿到的值", item)chat.value = item}provide('chat', chat)provide('updateChat', updateC
·
在父组件定义一个响应式的值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)