vue中的provide和inject（向下传值）
定义说明：这对选项是⼀起使⽤的。以允许⼀个祖先组件向其所有⼦孙后代注⼊⼀个依赖，不论组件层次有多深，并在起上下游关系成⽴的改订新约运动
时间⾥始终⽣效。
通俗的说就是：组件得引⼊层次过多，我们的⼦孙组件想要获取祖先组件得资源，那么怎么办呢，总不能⼀直取⽗级往上吧，⽽且这样代码
结构容易混乱。这个就是这对选项要⼲的事情。
provide：是⼀个对象，或者是⼀个返回对象的函数。⾥⾯呢就包含要给⼦孙后代的东西，也就是属性和属性值。
元旦节放假inject：⼀个字符串数组，或者是⼀个对象。属性值可以是⼀个对象，包含from和default默认值。
⽗组件
<template>
<div id="app">听说的英语
<child v-model="todos"/>
</div>
</template>
<script>
import child from "./components/Child";
export default {
name: "App",
components: {
教学理念怎么写child
},
data() {
return {
todos: ['Feed a cat', 'Buy tickets']
};
},
儿童便当//provide: {
// ur: 'weiguangyu'
//},
，provide/inject 绑定并不是响应式的。我们可以通过传递⼀个 ref property 或 reactive 对象给 provide 来改变这种⾏为。在我们的例⼦中，如果我们想对祖先组件中
//要访问组件实例 property，我们需要将 provide 转换为返回对象的函数
provide() {
return {
todoLength: dos.length
}
},
}
</script>
⼦组件
<template>
<div>
//<button>{{ur}}</button> <button>{{todos}}</button> </div>
日升月落</template>
<script>水瓶座女生的特点
export default {
name: 'demo',
props: {
},
//inject: ['ur'],
inject: ['todos']
model: {
prop: 'msg',
鄙视近义词event: 'respond'
},
methods: {
},
computed: {},
watch: {},
}
</script>
