vue3基础 —— 数据绑定

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优先级更高，而且需区分这个元素是单个的还是一组出现的。