当前位置: 首页 > Web前端 > vue.js

vue修改器sync深入剖析

时间:2023-04-01 11:14:43 vue.js

实现子组件和父组件双向绑定的[sync]修饰符:其实在vue1.0中就有sync修饰符,可以实现父子组件的双向绑定,但是vue2.0被移除,直到2.3.0版本发布后,才重新启用。[.sync]可以轻松实现子组件同步修改父组件的值。如果子组件要修改父组件的值,建议改用update:my-prop-name事件的方式触发,即:父组件-------------------------------------------------------------子组件this.$emit("update:title".newTitle)和上面的v-on:update:title="doc.title=$event"本质上可以使用Sync是一个语法糖,表示父组件中需要改变的值立即生效其次是.sync。父组件见下例体验=======================================================================================//在子组件中修改父组件的值