vue组件传值，事件

1.父组件

引入子组件

<template>
    <div>
        <fine :second="second" @go="detailIt"></fine>
    </div>
</template>
<script>
import fine from "@/components/home/fine";
export default {
components: {
    fine
  },
data(){
    return{
        second:[]
    }
},
methods:{
    detailIt(res) {
      this.$router.push({
        path: "/goodDetail",
        query: {
          gid: res
        }
      });
    },
}
}
</script>

2.子组件

<template>
<div>
    <div v-for="(jing,index) in second" :key="index">
        <div @click="detailIt(son.id)"></div>//点击事件
    </div>
</div>
</template>
<script>
export default {
  props: ["second"],//与父组件上：second相对应
  methods: {
    detailIt(res) {
      this.$emit("go", res);//点击事件，传参，go与父组件值对应
    }
  }
};
</script>