如何做阿里巴巴网站,泰州网站制作报价,建行个人余额查询网站,广州各类外贸网站文章目录 基本用法 基本用法 官方文档是这样介绍的#xff1a;.sync 修饰符 简单来说就是实现父子组件数据之间的双向绑定#xff0c;当子组件修改了一个 props 的值时#xff0c;也会同步到父组件中#xff0c;实现子组件同步修改父组件#xff0c;与v-model类似。类别在… 文章目录 基本用法 基本用法 官方文档是这样介绍的.sync 修饰符 简单来说就是实现父子组件数据之间的双向绑定当子组件修改了一个 props 的值时也会同步到父组件中实现子组件同步修改父组件与v-model类似。类别在于一个组件上只能有一个 v-model.sync修饰符可以有多个。 正常父传子: 父组件
templatediv父组件{{ n }}Son :numbern/Son/div
/templatescript
import Son from ./son.vue;export default {data() {return {n: 0}},components: {Son},
}
/script子组件
templatediv子组件{{ number }}button click$emit(update:number,number1)自增/button/div
/template
script
export default {props:[number]
}
/script父子双向绑定: 父组件
templatediv父组件{{ n }}// 方法一等价于方法二// 方法一props 传值 update 监听Son :numbern update:number(val) (n val)/Son// 方法二.sync方法Son :number.syncn/Son/div
/templatescript
import Son from ./son.vue;export default {data() {return {n: 0}},components: {Son},
}
/script子组件
templatediv子组件{{ number }}button click$emit(update:number,number1)自增/button/div
/template
script
export default {props:[number]
}
/script
