爱玩科技网
您的当前位置:首页vue中的inject学习教程

vue中的inject学习教程

来源:爱玩科技网


2、示例

父组件中提供

 provide() {
 return {
 map_nodeObj: { map_node: this.obj }
 // 提示:provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。
 }
 },

子组件中引入

 inject: {
 map_nodeObj: {
 default: () => {
 return {map_node: '0'}
 }
 }
 },

使用: this.map_nodeObj.map_node

3、运行顺序

data
provide
created // 在这个阶段$el还未生成,在这先处理privide的逻辑,子孙组件才可以取到inject的值
mounted
...

总结

以上所述是小编给大家介绍的vue中的inject学习教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

显示全文