<!-- v-model 双向绑定指令就是一个语法糖, 本质上做了两件事情 -->
<!-- 1. 给子组件绑定一个 value 属性, 对应一个变量 -->
<!-- 2. 给子组件绑定一个 input 事件, 在事件处理函数中给变量赋值 -->
<!-- .sync 修饰符 可以绑定多个 -->
<!-- 由于 v-model 只能在组件或标签上设置一次, 如果需要有多个变量双向绑定, 就无法很好的实现 -->
<!-- 原理: 和 v-model 极其类似 -->
<!-- 区别:
1. v-model 在标签上只能绑定 1 个
2. v-model 用的事件名 input, 属性名是 value, .sync 用的事件名 update:属性名, 属性名自定义
-->