子组件：

<template>

  <div >

//触发事件

    <div> <button @click="emitToParent">子组件向父组件传值</button></div>

  </div>

</template>

<script>

export default {

  computed:{

  },

  created(){

  },

  components:{},

  data(){

    return{

data:{

info:'我是子组件像父组件传的值'

}

    }

  },

  methods:{

  emitToParent(){

//通过this.$emit触发子元素绑定的自定义事件，并传数据

  this.$emit('child-event',this.data)

  },

  }

}

</script>

<style lang="" scope>

</style>

父组件：

<template>

    <Child @child-event="parentReceive">

    </Child>

</template>

<script>

import Child from "./components/child";

export default {

  components: { Child },

  data() {

    return {

    };

  },

  methods: {

//接收数据

    parentReceive(data) {

      console.log(data);

    },

  }

};

</script>

<style>

</style>