vue中的inject学习教程

normalizeProps(child, vm)
 normalizeInject(child, vm)
 normalizeDirectives(child)

<template>
  <div class="test">
    <son></son>
  </div>
</template>
<script>
export default {
  name: 'Test',
  provide: {
    name: 'Garrett'
  }
}
</script>

<template>
  <div>
    {{name}}
  </div>
</template>
 
<script>
export default {
  name: 'Garrettson',
  inject: [name]
}
</script>

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

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

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