Vue多级组件使用provide/inject方法介绍
程序员文章站
2022-05-15 12:57:38
...
这次给大家带来Vue多级组件使用provide/inject方法介绍,Vue多级组件使用provide/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 可以保证父子单向数据流的清晰性。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
如何使用VeeValidate在vue项目内进行表单校验功能
以上就是Vue多级组件使用provide/inject方法介绍的详细内容,更多请关注其它相关文章!
上一篇: PHP框架:CodeIgniter v1.7.2发布
下一篇: JS+PHP动态添加类