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学习教程,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！