vue 子组件向父组件传递数据

子组件

Children.vue

<template>
  <div>
    <div @click="iclick">向父页面传递数据 </div>
  </div>
</template>
<script>
export default {
  data(){
    return{
      activeName:1
    }
  },
  methods:{
    iclick(){
        this.$emit('ievent',‘我是子组件的数据’);
    }
  }
}
</script>

父组件

index.vue

<template>
  <div class="hello">
    <Children @ievent = "ievent"></Children>
    <h2>{{name}}</h2>
  </div>
</template>
<script>
import Children from '你的路径/Children';
export default {
  components:{
    Children:Children
  },
  data () {
    return {
      name:''
    }
  },
  methods: {
    ievent(...name){
        //name 就是子页面传递过来的数据
        this.name = name;
    }
  },
</script>

更多详细知识介绍请访问我的个人主页