VUE3.0provideinject的异步传递问题解决vue3.0中 provide/inject的异步传递问题
备注：provide/inject都必须在tup中使⽤海外账户
1. 同步使⽤
祖先组件
import { ref, provide } from 'vue'
export default {
喝酒后多久能开车
tup() {
const msg = ref('')
provide('msg', msg)
}
}
孙⼦辈组件
import { inject } from 'vue'
export default {
tup() {
const msg = inject ('msg')
return { msg }
}
}
钢铁侠画法2. 异步使⽤
祖先组件
报纸版面import { ref, provide } from 'vue'
export default {
tup() {
// 逻辑就是先发射出去，然后再异步中改变值，这样祖孙组件就可以接收到了
民本思想const msg = ref('')
provide('msg', msg)
// 异步处理
tTimeout(() => {
msg.value = '收到⼀条消息'; }, 3000)贝贝卡西
葡萄糖结构简式}
}
孙⼦辈组件
import { inject } from 'vue'
export default {差多音字组词
tup() {
const msg = inject ('msg')
return { msg }
}
}
