一、父组件向自组件传值

//parent.vuetemplate:    
    
     
      js:    data() {        return {            FatherMes: '父组件的数据'        }    }-------------------------------------------------------------------------//child.vuetemplate:     
      
{
   {childMes}}
js:      //第一种方式    props:['sendmes'],    //第二种方式    props:{        sendmes: String    }    //第三种方式    props:{        sendmes: {            type: String,            default: ''        }    }复制代码
     
    

二、自组件向父组件传值

//parent.vuetemplate:    
    js:    method: {        parentDate()    }-------------------------------------------------------------------------//childtemplate:     
    
js:    methods: {        emitData() {            this.$emit('getmes','自组件要传给父组件的数据')        }    }复制代码

三、无直接关系的组件之间的传值

let vm = new Vue(); //创建一个新实例
    
methods: {    ge() {        vm.$emit('blur','哈撒ki'); //触发事件    }}
    
created() {  vm.$on('blur', (msg) => {         this.data = msg; // 接收数据    });}复制代码