vue指令--作用

v-on指令(处理事件)，并且v-on可以使用@符号替代
作用：为HTML元素绑定事件监听

语法：v-on：事件名称=‘函数名称()’

简写语法：@事件名称=‘函数名称()’

v-class 类名
v-style 与v-class用法大致一样
v-cloak防闪烁
v-pre 把标签内部的元素原位输出
v-once 就是 加载一次 如果用到事件中就是事件只执行一次（@click.once=“show”）
进入页面时 只渲染一次 不在进行渲染
v-show指令
作用：控制切换一个元素的显示和隐藏display属性控制

语法：v-show=表达式

根据表达式结果的真假，确定是否显示当前元素

true表示显示该元素；false表示隐藏该元素

v-if
显示与隐藏 （dom元素的删除添加 推荐使用v-show）

v-model双向绑定数据
v-html显示内容会解析标签
v-html 能读取html标签
v-text=‘msg’
v-text读取文本不能读取html标签
作用 ： 操作元素中的纯文本
文本插值 ： {{}}
区别：v-text是绑定在元素上，能避免在编译时闪现的问题 {msg}闪现

​

v-bind
作用：绑定HTML元素的属性

语法：v-bind：属性名=‘表达式’

   绑定一个属性：<img v-bind:src="myUrl"/>
   绑定多个属性：<img v-bind="{src:myUrl,title:msg}"/>

v-bind:class 三种绑定方法
1、对象型 ‘{red:isred}’
2、三目型 ‘isred?“red”:“blue”’
3、数组型 ‘[{red:“isred”},{blue:“isblue”}]’

2、常用的事件名称
1、@click点击事件
2、@submit提交
3、@keyup 键盘抬起
4、@keydown键盘按下
5、@mousemove移动
3、事件的修饰符
1、.stop阻止冒泡事件
2、.prevent阻止默认事件
3、keyCode键盘事件