[小知识] v-model 的原理 和 .sync修饰符

  • Post author:
  • Post category:其他


<!– v-model 双向绑定指令就是一个语法糖, 本质上做了两件事情 –>

<!– 1. 给子组件绑定一个 value 属性, 对应一个变量 –>

<!– 2. 给子组件绑定一个 input 事件, 在事件处理函数中给变量赋值 –>

<!– .sync 修饰符 可以绑定多个 –>

<!– 由于 v-model 只能在组件或标签上设置一次, 如果需要有多个变量双向绑定, 就无法很好的实现 –>

<!– 原理: 和 v-model 极其类似 –>

<!– 区别:

1. v-model 在标签上只能绑定 1 个

2. v-model 用的事件名 input, 属性名是 value, .sync 用的事件名 update:属性名, 属性名自定义

–>



版权声明:本文为weixin_57320268原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。