Vue中三种更新父组件数据的方式,有什么有优缺点,用哪种最好

我目前知道的三种更新父组件数据的方式:

  1. 直接使用$parent修改

  2. 使用.sync,子组件触发更新

  3. 父组件提供一个更新函数,子组件触发更新

我想知道除了这几种,还有其他方式吗?哪种方式更好


饮歌长啸
浏览 602回答 1
1回答

达令说

一般是用$emit触发事件来更新父组件的事件使用sync的话也要emit一个update事件来更新。直接使用$parent来更新数据是最应该避免的,这样会让你的子组件和父组件耦合,子组件不能单独使用,同时也会让你debug变得困难补充一下:你列出来三种方式,其实第二种和第三种是一样的sync也是一个语法糖,和v-model很像。都是传值的同时加了一个事件监听<comp :foo.sync="bar"></comp>// 等价于<comp :foo="bar" @update:foo="val => bar = val"></comp>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript