vue provide / inject 实现组件数据的实时响应

实现的基础语法：

• 数据提供 code

……
provide () {
	return {
		getPropsData: () => { return this.propsData }
	}
},
props: {
	propsData: { type: Array }
}
……

• 数据注入 code

……
inject: ['getPropsData'],
computed () {
	propsData () { return this.getPropsData() }
}
// propsData 实现了数据的响应式
……

---

实例：

• provide.vue 文件

<script>
export default {
  name: 'provide-comp',
  props: {
    propsData: { type: Array }
  },
  provide () {
    return {
      getPropsData: () => this.propsData
    }
  },
  render () {
    return (<div>{ this.$slots.default || `默认的内容 ${JSON.stringify(this.propsData)}` }</div>)
  }
}
</script>

• inject.vue 文件

<script>
export default {
  name: 'inject-comp',
  inject: ['getPropsData'],