Provide 和 Inject 的用法
父子组件之间可以用$emit来进行传值,当层级比较深时,这个方法就不太适用,vue给我们提供了另一个方法。可以不限层级直接调用你的函数
inject:接收一个数组字符串,里面的key是你provide绑定的方法名
provide: 一个返回函数的对象
例:
provide内编写
123456789101112export default{ provide(){ return{ reload: this.reload } } } methods:{ reload(){ 执行数据处理 } }
inject内编写
1234export default { inject:['reload'] } 在你需要的地方可以直接调用该方法【reload】即可
vue3里面app.config.globalProperties的使用
评论
即可发布评论!
文章5
分类2
标签1
博客之家
一个优雅的写作平台
一个优雅的写作平台