wordpress网站分享微信群网站建设seo优化价格

• 背景：学习vue。在做项目图中使用cursor编写过程发现好的方式进行记录学习。
• 子组件内部方法处理完逻辑后调用了handleClose方法，意图关闭自己，update:show：将自身props中的属性show更新为false。emit('close')触发了父页面的close事件，执行了handleFellowClose在关闭子页面的同时也同步更新了父页面的属性。

<u-popup v-model="show" mode="center" :border-radius="16" width="600rpx">
...
// 子页面
props: {show: {type: Boolean,default: false},
...
handleClose() {this.$emit('update:show', false);this.$emit('close');
}
// 父页面
<FellowSelector:show="showFellowSelector":fellowList="fellowList"@confirm="handleFellowConfirm"@close="handleFellowClose" />
...