摘要:
在插值表达式和指令中可以使用表达式,但是无论是指令还是插值表达式,设计的初衷都是为了数据渲染或者简单运算。 如果在插值表达式中过渡使用,则有以下缺点 1、模板中有大量运算,不推荐 2、无法复用计算 解决方法:引入计算属性配置项computed,计算得到的属性,这个属性也会成为data中的属性。 在计 阅读全文
摘要:
对象语法由key和value key就是样式属性名,value就是样式值(可以使用动态值,也可以静态值) 样式属性名包含特殊字符号,要么驼峰写法,要么使用引号包裹 我们可以在js中控制值的改变 将colorValue的值和我们data中的数据进行绑定,当data中的colorValue发生改变时,c 阅读全文
摘要:
.lazy 在默认情况下,vmodel在每次input事件触发后,输入框的值会与数据进行同步, 可以添加lazy修饰符,从而转化为在change事件之后进行同步,如下: <!-- 在change时而非input时更新 --> <input type="text" v-model.lazy="msg" 阅读全文
摘要:
使用v-model指令实现双向数据绑定的集合 v-model是v-on和v-bind指令的语法糖(指令集合) 可以使用v-model指令在表单 input、textarea、select等元素上创建双向数据绑定,他会根据控件类型自动选取正确的方法来更新元素。 加上v-model后,只要视图的数据发生 阅读全文
摘要:
事件的类型有以下四类: js事件分为四类: 鼠标事件:click、mouseover、dbclick、mousedown、mouseout... 键盘事件:keydown、keypress、keyup.. 窗体事件:load、reseize、scroll... 表单事件:blur、focus、inp 阅读全文