不太理解这段代码的意思,这里是怎么看到父组件有 update:show 这个事件的?

不太理解这段代码的意思

vue
Armin
讨论数量: 2
pardon110

.sync只是个缩写,参见地址

2个月前 评论

/:show="msgShow" 表明Message组件的show和当前组件的msgShow建立了对应关系,
@update:show="val => msgShow=val" 自定义了一个事件,专由Message组件调用,来修改当前组件的msgShow值,msgShow值的改变又可以反应到Message组件的show属性。

为什么要搞这么复杂,应该是因为Props属性一般是由父组件来改变,很少由自身来修改,如果是自身来修改的话则一定要保证父级的对应属性也要相应改变,可这样会导致很大的开销,所以不如就直接用事件来修改父级已达到修改自身的目的。

1天前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

社区文档:

API 查阅、风格指南、示例、Cookbook 等
部署你的 Vue.js 或者前端开发者环境