最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
详解Vue 多级组件透传新方法provide/inject
时间：2022-06-25 16:07:03 编辑：袖梨 来源：一聚教程网
provide / inject 是 2.2 新增的方法，可以以一个祖先组件向所有子孙后代注入依赖（一个内容）。
provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。
Vue 官方警告：
provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。
当然，警告只是警告，你完全可以正常使用。
使用方法非常像 data 和 props 的组合大礼包：
var Provider = {
provide: {
foo: 'bar'
},
// ...
}
var Child = {
inject: ['foo'],
created () {
console.log(this.foo) // => "bar"
}
// ...
}
唯一的区别是你不用再一层层的传入了，过去用的 event-bus 虽然可以解决深层问题，但是会导致整个 event-emit 组成过于混乱，难以维护。使用 provide / inject 可以保证父子单向数据流的清晰性。
在 React 中 Context 的 Provider / Consumer 也有相同的效果，由于还没有具体使用过，对 React 本身也只有一面之缘，留待以后在了解，感兴趣的同学可以 了解。相关文章
- 王者荣耀国际服官网入口-王者荣耀国际服官网链接 02-17
- 迅雷网页版登录-迅雷官网直连入口 02-17
- 夸克网页版快捷入口-夸克浏览器极速登录 02-17
- 微博热搜榜-微博热搜官网入口 02-17
- 一耽原耽app官网正版下载安装最新版本-一耽漫画无水印删减高清资源在线观看入口 02-17
- 易游模拟器安卓版最新版本下载-易游模拟器官方手机版安装入口 02-17