vue组件间的通信,子组件向父组件传值的方式汇总

<template>
    <div class="app">
       <input @click="sendMsg" type="button" value="给父组件传递值">
    </div>
</template>
<script>
export default {
 
    data () {
        return {
            //将msg传递给父组件
            msg: "我是子组件的msg",
        }
    },
     methods:{
         sendMsg(){
             //func: 是父组件指定的传数据绑定的函数，this.msg:子组件给父组件传递的数据
             this.$emit('func',this.msg)
         }
     }
}
</script>

<template>
    <div class="app">
        <child @func="getMsgFORMSon"></child>
    </div>
</template>
<script>
import child from './child.vue'
export default {
    data () {
        return {
            msgFormSon: "this is msg"
        }
    },
    components:{
        child,
    },
    methods:{
            getMsgFormSon(data){
                this.msgFormSon = data
                console.log(this.msgFormSon)
            }
    }
}
</script>

computed: mapState({
      //映射vuex的相关属性值
      userInfoList: state => state.userInfoModule.userInfoList,
      start: state => state.userInfoModule.start,
      total: state => state.userInfoModule.total,
}),
method:{
      //查询操作
      findUserInfoList: function(q_userInfoForm, start){
          this.q_userInfoForm.start = (start === null) ? 1 : start;
          this.$store.dispatch('findUserInfoList', q_userInfo_form);
      },
}

import Vue from 'vue';

//用户管理总线
export const userBus = new Vue();

//管理员管理总线
export const adminBus = new Vue();

//引用刚刚创建的constantsBus.js
import * as constantsBus from '@/common/constantsBus';

created() {
      let that = this;
      //监听子组件的事件,获取其他组件传递过来的data数据
      constantsBus.processBus.$on('processChooseAssessor', data => {
          //获取emit触发的processChooseAssessor事件传递过来的data数据
      });
},

<trademark-file-upload ref="trademarkFileUpload" :uploadFileList="uploadFileList"></trademark-file-upload>

<script>
let fileList = this.$refs.trademarkFileUpload.getFileList();
<script>