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' />
区别
- 二者本质上没有区别,都是语法糖。
- 一个组件标签可以多次使用.sync修饰符,v-model只能使用一次。
- 写法不同:v-model="num" :num.sync="num"