vue中的project和inject

project和inject：提供/注入
**用处：**父组件可以向其所有子组件传入数据，而不管子组件层次解构有多深
特性有两部分：
1、父组件有一个provide选项来提供数据
2、子组件有一个inject选项来开始使用这个数据

<template>
  <div>
    <h1>{{msg}}</h1>
    <item_a />
  </div>
</template>
<script>
import item_a from './item_a'
export default {
  name:'index',
  data(){
    return{
      msg:'vue de provide/inject',
      arrs:['111','222','ddd']
    }
  },
  provide:{
  	text:'provide注入的内容：111'
  }
    //provide:{
  	//	return{
  	//	text:this.arrs
  	//}

  components:{item_a}
}
</script>

<template>
  <div>
    <h1>{{msg}}</h1>
    <item_b />
  </div>
</template>
<script>
import item_b from './item_b'
export default {
  name:'item_a',
  inject：['text']
  data(){
    return{
      msg:'item_a'+this.text,
      //msg:this.text
    }
  },
    components:{item_b}
}
</script>

<template>
  <div>
    <h1>{{msg}}</h1>
  </div>
</template>
<script>
export default {
  name:'item_b',
  inject：['text']
  data(){
    return{
      msg:'item_b'+this.text
    }
  }
}
</script>