vue3基础 —— 数据绑定
1. {{data.number}}:文本绑定2. v-bind:单向绑定(缩写:)——常用但不局限于style、class、attribute绑的是html元素的属性或者组件的prop,而不是像model那样绑的是表单控件的值v-bind配合事件,也能实现双向绑定3. v-model:双向绑定——常用于input、select、textarea中只能用在html表单控件上(还有自定义组件),其他
·
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优先级更高,而且需区分这个元素是单个的还是一组出现的。
更多推荐
已为社区贡献2条内容
所有评论(0)