vue的.sync修饰符用法及原理详解

.sync 作用
当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定。

.sync 原理
利用EventBus,子组件触发事件,父组件响应事件并实现数据的更新,避免由子组件直接修改父组件传过来的内容。(如果子组件直接操作,vue会有警告提示)。

v-on:update:word="wrd = $event" 则被简写为 :show.word

//父组件



                    
                    

你可能感兴趣的:(vue.js,前端,javascript)