记录vue封装组件以及父组件和子组件互相传值问题

1. 封装dialog弹窗

在components目录下新建 *.vue文件(自行添加业务目录)

2. 父组件引用子组件

<point-details v-if="pointDetailsOpen" :isShow="pointDetailsOpen" @listenToChildEvent="childMethod">

import pointDetails from '@/components/PointDetails/index.vue'
components:{
pointDetails
},
data(){
return {
pointDetailsOpen: false,
}
},
methods: {
/** 接收子组件传值 */
childMethod(data) {
// data即子组件传的值
this.pointDetailsOpen = false
},
}