vue事件修饰符

vue的学习

1. 怎么运用vue:
   1.引入文件
   2.创建Vue实例控制的区域
   ​ 3.创建VM实例

Vue中的指令

• v-cloak 解决文字闪烁
• v-text 和插值表达式一样，作为文本输出
• v-html
• v-bind 属性绑定机制 缩写是 :
• v-on 事件绑定机制 缩写是 @

事件修饰符：

• .stop 阻止冒泡
• .prevent 阻止默认行为
• .capture 事件捕获
• .self 实现只有点击当前元素时，才会触发事件处理函数
• .once 只执行一次事件处理函数 先后顺序无关紧要

v-model双向数据绑定

使用内联样式

1. 直接在元素上通过 :style 的形式，书写样式对象

2. 将样式对象，定义到 data 中，并直接引用到 :style 中

3. 在 :style 中通过数组，引用多个 data 上的样式对象

v-for 是vue中独特的遍历方式

v-if 和v-show

1. v-if 的特点 每次都会去删除或者创建元素

2. v-show 的特点 不会去删除元素 而是切换dispaly样式

   应用场景
   v-if 切换时消耗性能较高
   v-show 初始化消耗性能较高

    	如果元素涉及到频繁的切换 不用v-if  用v-show
    	如果元素可能无法显示被用户看见  最好用v-if