跨层级传递数据(父于孙)
1.顶层组件通过provide函数提供数据
import {provide} from 'vue'
//普通数据
provide('key',顶层组件的数据)
//响应式数据
const c=ref(100)
provide('k',c) //ref对象
//方法
provide('changeM',(v)=>{
//逻辑操作
c.value=v
})
2.底 层组件通过inject函数获取数据
import {inject} from 'vue'
const message=inject('key')
const msg=inject('k')
const changeCount=inject('changeM')
//使用
changeCount(1000)
