vue子传父

2. 子组件通过$emit方法传递参数

第一步: 用 @custom 来 自定义事件
第二种: 在子组件用 this.$emit('custom' 来触发事件 , this.index 是传递过去的参数 )
第三步: 触发父组件的events事件 里面的data 来接收 子传过来的this.index

这是父组件
<template>
   <div  @custom="events"></div>    @custom自定义事件    events触发的函数
</template>
import Main form "./main"  引入子组件
<script>
    exprot default{
        methods:{
            events(data){    data来接收子传来的数据
              console.log(data)
            }
        }
    }
</script>

---------------------------------------------------------------------

<template>
 这是子组件
    <div  @click="emitEvent">子传父</div>
</template>
<script>
    exprot default{

     data() {
       return {
         index: []
        }
     },

 methods: {
    emitEvent() {
      this.$emit('custom', this.index) 触发派发函数custom，并传递值this.index是你自己想传的参数
          }
        }
    }
</script>