Vue的$children和$parent以及 provide和inject

227 阅读1分钟

$children

他返回的是一个组件集合,如果你能清楚的知道子组件的顺序,你也可以使用下标来操作;

console.log(this.$children[i].msg);输出子组件的msg数据;

$parent

子元素为父元素传值

this.$parent.child='我给爸爸传值'  //父元素中就会有child='我给爸爸传值'可以引用

provide

使用方法,为所有后代元素传值

provide(){
return{
  cc:'海景大别墅'  //所有的后代元素都可以使用inject接收这个cc
}
  },
  

inject

使用方法

//在script中定义
inject:['cc']