1. {{data.number}}:文本绑定

2. v-bind:单向绑定(缩写:)—— 常用但不局限于style、class、attribute

  • 绑的是html元素的属性或者组件的prop,而不是像model那样绑的是表单控件的值
  • v-bind配合事件,也能实现双向绑定

3. v-model:双向绑定 —— 常用于input、select、textarea中

  • 只能用在html表单控件上(还有自定义组件),其他组件无效

当v-bind和v-model同时用在一个元素上时,它们各自的作用没变,但v-model优先级更高,而且需区分这个元素是单个的还是一组出现的。

Logo

前往低代码交流专区

更多推荐