一.指令修饰符

1.@keyup.enter -> 监听键盘回车事件

2.v-model修饰符

v-model.trim=”” 消去两边空格

v-model.number=”” 转为数字型

3.@事件名.stop -> 阻止冒泡

4.@事件名.prevent -> 阻止默认行为

二.v-bind对于样式的class控制

:class=”对象/数组”

用法如下图

三.v-bind对于样式的style控制

注意格式!!! 注意什么时候要写引号 什么时候没有引号

四.v-model应用于其他表单元素

如图为使用情况 不同颜色框对应着不同的绑定 可以简单看一下注释理解其中的原理

五.计算属性

是一个属性!!!!

基于现有的数据编写求值逻辑

是有缓存的 一旦计算出结果 就会立即缓存

下一次读取时 直接读取缓存即可 性能特别高

简写

完整写法(get()+set())

当计算属性被修改赋值时 执行set() 修改的值 传递给set方法的形参

六.watch监听器

会在数据变化时调用执行 newValue新值 oldValue老值

简单用法如下

这里使用了一个简单的的防抖 是性能优化中很重要的概念 曾经和节流一起学习过 需要花时间再次深入研究

wacth监听完整版(要监听多个信息)

基本使用如下 掌握基本语法即可