在Vue的学习中,一开始都是自己写组件练习的。过程中遇到了一个问题:props:父组件传给子组件的参数(1)子组件中直接使用props是可以实时更新的(2)props是在created中声明的,mounted等或者直接赋值给数据,再次使用数据时无法实时更新。(3)内部数据可实时更新。(4)但是内部不能强制改变父元素传过来的props,这是官方不允许的,也不严谨。然后,我在写模态框组件的时候,遇到了一个很矛盾的问题。如果父props控制显示和隐藏,当模态框的阴影在里面点击时,也可以自动隐藏。应该修改什么值,修改后父组件传过来的props怎么改,全局反馈。看完文章自己动手,选择了一种将内部数据与props关联的方式,利用vue中v-modal的原理,当值发生变化(输入事件)时,对应的数据也随之变化:不多说了,直接粘贴代码即可:div@click="onMaskClose"class="modal-mask">
