1.基本指令

v-cloak

作用：解决插值表达式闪烁问题，插值表达式前后可以拼接其他内容

v-text

作用：默认v-text没有闪烁问题，会覆盖元素中原本的内容，只会替换自己这个占位符，不会把整个元素内容清空

v-html

作用：和v-text基本一样，但是v-html可以解析html标签

v-bind绑定属性

简写方式为"："

v-on绑定事件

简写方式为"@"

v-for循环

特点：可以循环数组，对象，和循环次数

v-if隐藏元素

特点：每次都会删除或者创建元素，有较高的性能损耗

v-show隐藏元素

特点：每次不会删除或创建元素，而是用display：none将元素隐藏，无性能损耗

2.事件修饰符

• .stop 阻止冒泡
• .prevent 阻止默认事件
• .capture 添加事件侦听器时使用事件捕获模式
• .self 阻止冒泡，只当事件在该元素本身（比如不是子元素）触发时触发回调
• .once 事件只触发一次

3.过滤器

作用：可以对一些文本进行格式化
运用地方：插值表达式和v-bind表达式
调用格式：{{ 要过滤的文本msg | 过滤器名称msgname }}

定义全局过滤器

//例子：替换字符
Vue.filter("msgname",(msg)=>{
  return msg.replace(/aa/g，"bb");
  });

当全局过滤器和私有过滤器都存在时，并且过滤器名称一样，采用就近原则，优先使用私有过滤器。

补全

padStart(补全长度，补全字符)头部补全
padEnd(补全长度，补全字符)尾部补全

4.按键修饰符

系统修饰符

.enter
.space
.delete
.esc
.tab
.top
.botton
.left
.right

自定义修饰符

Vue.config.keyCodes.f2=f2对应的键值码113

5.自定义指令

全局自定义指令

Vue.directive("focus",{})
参数1，指令的名称，定义的时候不用加v-，调用的时候需要加v-
参数2，对象，对象有一些钩子函数，这些钩子函数控制不同阶段指令的操作，钩子函数的第一个参数比为el，表示指令绑定的元素
bind:function(el){}表示指令绑定到元素的时候会立即执行一次
inserted:function(el){}表示元素插入到DOM中的时候会触发一次