程序员求职经验分享与学习资料整理平台

网站首页 > 文章精选 正文

vue3跨层传递响应式数据及修改顶层数据

balukai 2025-05-02 08:59:03 文章精选 6 ℃

顶层组件：

const count = ref(0)

provide('key',count)


底层组件：

const message = inject('key')

顶层组件传递方法：

const setCount = ()=>{

count.value++

}

provide('setCount-key',setCount)

底层组件

const setCount = inject('setCount-key')

<button @click='setCount'>修改顶层数据</button>

Tags：

猜你喜欢

最近发表
标签列表