Vue中 v-model和.sync修饰符的区别

87 阅读1分钟

1、v-model

  • 作用:实现父子组件传值 原理:
<my-demo :value='value' @input='val=>value = val' />

2、.sync修饰符

  • 作用:实现父子组件传值 原理:
<my-demo :a.sync='num' />
// 等价于
<my-demo :a="num" @update:a='num' />

区别

  1. 二者本质上没有区别,都是语法糖。
  2. 一个组件标签可以多次使用.sync修饰符,v-model只能使用一次。
  3. 写法不同:v-model="num" :num.sync="num"