snyc修饰符的使用

• 一般情况下，我们都是如果需要对prop进行修改都是通过双向绑定来实现的，但是在维护上造成问题，推荐使用update:myPropName 的模式触发事件代替。
  Vue文档连接
• 父组件中传入一个值

<Bread :title.sync="doc.title" ></Bread>

• 子组件中

HTML 中
<input type="text" v-model="newTitle" >
js中
props:['title'],
  data() {
    return {
      newTitle:this.title
    }
  },
  watch: {
    newTitle(){
      this.$emit('update:title',this.newTitle)
    }
  },

• 也可以将对象传入子组件，要配合v-bind中使用
• 父组件中

<Bread v-bind.sync="doc" ></Bread>

• 子组件中

//HTML中
<input type="text" v-model="newTitle" >
 <button @click="$emit('update:content','改变以后')">按下</button>
//需要分别接收一下
props:['title','content'],