1. sync
从 2.3.0 起我们重新引入了 .sync 修饰符,但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。
如下代码
1 | <comp :foo.sync="bar"></comp> |
会被扩展为:
1 | <comp :foo="bar" @update:foo="val => bar = val"></comp> |
当子组件需要更新 foo 的值时,它需要显式地触发一个更新事件:
1 | this.$emit('update:foo', newValue) |
2. v-model
1 | <input v-model="searchText"> |
等同于如下:1
2
3
4<input
v-bind:value="searchText"
v-on:input="searchText = $event.target.value"
>