使用.sync修飾符對props進行雙向綁定

使用.sync實做雙向綁定

注意：此文是記錄 Vue 2.3.0 .sync 而不是1.0的

• Demo

• 用法：以Demo為例

  • 當子組件的 childrenText 發生變化時，使用update:my-prop-name的模式觸發 emit

    this.$emit("update:parentText", e);

  • 而父組件監聽該事件 （先看原本的寫法

    <Children :parentText="text" @update:parentText="e=>text=e"/>

  • 改成使用.sync，達到同樣效果

    <Children :parentText.sync="text"/>

資源參考

sync-修饰符