关于vue中.sync的一个细节

96 阅读1分钟

.sync大家应该知道,是可以子组件改变父组件的数据的,不懂的大家可以先去查下资料看下

  • 但是今天遇到一个问题,直接看代码

image.png

  • 在下面中子组件触发修改把子组件的this.ages 传给父组件 修改数据,但是我在父组件中呢注册了2次子组件,并且绑定的父组件数据也不一样

  • 那么当我点击第一个子组件的时候提交修改事件那肯定是会把number修改为this.ages的值

  • 那有个问题? 第二个子组件的big也会修改吗,当我点击的是第一个子组件

  • 我一开始以为他们都是一样绑定age.sync 都会被修改,但是在代码运行 是不会的,所以多个相同子组件是独立的,点击哪个子组件修改哪个。