Vue_004_单向数据流与双向绑定

双向绑定 or 单项数据流

• Vue是单项数据流，不是双向绑定
• Vue的双向绑定是语法糖
• Object.defineProperty实现了响应式更新，与双向绑定不同

绑定指令

• v-model 属性绑定
• .sync 实现多个属性的绑定

<PersonalInfo v-model="phoneInfo" :zip-code.sync="zipCode" />

<!-- 等价于 -->
<PersonalInfo 
  :phone-info = "phoneInfo" 
  :zip-code="zipCode"
  @change="val => (phoneInfo = val)"
  @update: zipCCode="val => (zipCode = val)"
/>