Vue组件之间传值（升级版）

一、父组件传值子组件

1、$parent（子组件可以通过$parent属性找到父组件的vue对象）

<!-- 子组件 -->
export default {
	name: "child",
    data:{
        childData:"xxx"
    },
	methods:{
		子组件的处理函数(childData){
            this.$parent.父组件的函数(childData);
        }
    }
}

<!-- 父组件 -->
export default {
	name: "father",
    data:{
        fatherData:[]
    },
	methods:{
		父组件的处理函数(参数){
            //参数：得到子组件触发事件($emit)时，传递过来的数据
            this.fatherData = 参数;
        }
    }
}

2、$root（子组件可以通过$root属性找到父组件的vue对象）

使用方法与$parent相同

二、子组件传值父组件

1、$children（父组件中可以通过$children属性找到子组件的vue对象，并以数组的形式返回，但是不保证子组件的顺序）

<!-- 父组件 -->
export default {
	name: "father",
	mounted () {
       // 获取子组件title
       console.log(this.$children[0].title);
    }
}