子组件代码父组件代码大多数情况下,父组件通过v-bind(:)修改子组件的props对象中的属性,以达到父变子的目的;反过来,通过语法糖:.sync修饰符将child更改为parent,代码示例如上。.sync修饰符(用于子组件修改父组件)是@update:changeTitle="obj.title=$event"语法糖,原理是如何将事件对象传递给子组件:1)子组件首先定义一个props属性:props:{title:{type:String,default:"",},},接下来定义一个emit:this.$emit("update:changeTitle",newTitle);2)如果父组件实现双向绑定,则需要:1.v-bind作为单向子组件修改其属性,此处不再详述代码说明,太熟悉了2.使用句法sugar作为子组件修改父组件的属性::title="obj.title"//props,父组件修改子组件:changeTitle.sync="obj.title"//修改父组件的方式点击子组件2)场景二,子组件代码从child到parent的单向修改:父组件代码:当按钮被点击时,这里的msg属性的值会发生变化。试想需要child去改变parent的场景,大体逻辑是这样的,具体用法看业务需求。..
