vue中{{}}和v-model的区别

{{}}

v-text可以简写为{{}},为单向绑定,数据对象上的值发生变化,插值会发生变化;但当前插值的变化不会影响数据对象的值

v-mode

通常用于表单组件的绑定,实现的是表单组件的双向绑定,v-model绑定的值是一个静态字符串或布尔值,但在业务中,有时需要绑定一个动态数据,这时可以采用v-bind或者简写“:” 实现

v-mode修饰符

(1).lazy:
在输入框中,v-model默认是在input事件中同步输入框中的数据,使用.lazy 会转变为change事件中同步,输入框中的数据并不是实时改变,而是在失焦或者按回车时才会更新

(2).number:
可以将输入转化为Number类型,在数字输入框中会比较有用

(3).trim
可以自动过滤输入的首位空格

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值