什么是Vue 引用官网的一段话:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
VUE是一款由数据驱动视图的前端框架,它基于MVVM(Model View View Model)模式,实现数据与视图的双向绑定。 MVVM:Model表示数据模型,View表示视图,指由数据驱动视图,当数据发生改变时,视图会自动改变,当视图变化时,所对应的数据也随之改变,通过MVVM实现数据与视图的双向绑定。 VUE是渐进式框架,VUE提供了一个核心库,用于渲染视图,它占空间小,能完成VUE中的常规基础操作。同样VUE根据需求不同还提供多个插件,以方便实现不同的功能。这种在核心库基础上可以根据需要递增使用不同的插件这种方式称为渐进式。 VUE是做单页面应用的最佳选择。 VUE在内存中构建DOM结构,并一次性进行渲染,在效率上要比jQuery这类操作DOM的库高很多,另外VUE让开发人员减少了DOM操作,使用起来要比jQuery类的库方便很多。 浏览文章的时候,忽然看见了 v-model.trim 这个写法,忽感兴趣,特意去查了下,然后发现还有些别的修饰符,都是日常中挺实用的,特来记录下 官方链接
.trim 自动过滤用户输入的首尾空白字符,可以给 v-model 添加 trim 修饰符:
1 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。添加 lazy 修饰符,从而转为在 change 事件之后进行同步。 上述句子转为大白话就是:输入框失去焦点后触发change事件。 1 .number 自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符: 1 注意:v-model.number是有字符长度限制的,length<11 ———————————————— 键盘修饰符enter 回车 tab制表键 delete esc返回键 space空格键 up向上键 down向下键 lef向左键 right 向右键盘 .enter:回车键 .tab:制表键 .delete:含delete和backspace键 .esc:返回键 .space: 空格键 .up:向上键 .down:向下键 .left:向左键 .right:向右键