## provide inject方法一 事件在父组件执行
父组件
import {provide} from "vue";
setup(){
let provideName = ref(100)
provide('name',provideName)
//事件来控制
const changevals = () => {
provideName.value++
};
return{
changevals
}
}
子组件
import {inject} from "vue";
setup(){
const name = inject('name','无名')
return{
name
}
}
## *provide inject方法二 事件在子组件执行*
父组件 import{rovide} from "vue";
setup() {
let provideName = ref(100)
provide('name',provideName)
provide('providechangeName',providechangeName)//注入事件
const providechangeName=(()=>{
provideName.value++
})
}
子组件
<button @click='changeName'>changeName</button>
import {inject} from "vue";
setup() {
const name = inject('name','无名')
const changeName = inject('providechangeName')
return{
providechangeName
}
}
vue3 provide inject
最新推荐文章于 2024-06-18 09:00:43 发布