Vue框架--Vue中的数据绑定

Vue中有两种数据绑定的方式

1.单向数据绑定 (v-band ):数据只能够从data流向页面

2.双向数据绑定(v-model):数据不仅仅能够从data流向页面,也可以从页面流向data。

备注:

1.双向绑定一般都应用在表单类元素上。(如:input、select等有value属性值的标签上)

2.v-model:value可以简写为v-model,因为v-model默认收集的就是value的值

实现案例:

相关推荐
松涛和鸣14 分钟前
DAY43 HTML Basics
linux·前端·网络·网络协议·tcp/ip·html
前端 贾公子20 分钟前
剖析源码Vue项目结构 (一)
前端·javascript·vue.js
狂龙骄子22 分钟前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
十铭忘39 分钟前
Vue3实现Pixso中的钢笔工具
开发语言·javascript·vue
forestsea39 分钟前
从 XMLHttpRequest 到 Fetch API:现代前端网络请求的演进与迁移指南
前端·网络
XiaoYu20021 小时前
第4章 Nest.js业务合并
前端
局i1 小时前
【无标题】
前端·javascript·vue.js
前端小L1 小时前
双指针专题(四):像毛毛虫一样伸缩——「长度最小的子数组」
javascript·算法·双指针与滑动窗口
沛沛rh451 小时前
React入门:从一个简单的Hello World开始
前端·react.js·前端框架
谢尔登2 小时前
Vue3 应用实例创建及页面渲染底层原理
javascript·vue.js·ecmascript