vue组件通信

1.vue组件关系

父子关系
子父关系
并列（兄弟）关系
多级嵌套（祖孙）关系

2.vue组件通信

父子传值

父组件直接给儿子写对应属性及值

// 儿子接受并使用该变量
props:{
    name:{
        type:String,
        required:false,
        default(){
            return '小明'
        }
    }
}

子父传值

委婉，通过调用父组件传递的函数方法，把想传的值写到函数参数中

儿子组件通过 this.$emit(‘agreeName’,‘吴彦祖’) 调用

并列（兄弟）关系 （vuex）
多级嵌套（祖孙）关系 （跨级通信）