vue学习杂计

1.@click.self  =""    点击自身部分，而不是子元素

---

2.v-cloak指令

v-cloak

不需要表达式

用法：

这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none }一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

示例：

[v-cloak]{

display: none;  //可以用!important提升优先级

}

{{ message }} 不会显示，直到编译结束

---

3.vm.$mount("#app")  //挂载实例到元素上

---

4.事件参数

@click.stop.prevent   //阻止默认行为和冒泡

@click.capture="doThis" //在捕获阶段执行

@click.self  //  只有点击自身才有效

@click="addWithEvent(5, $event)  //第二个参数指定了事件对象

---

5.transition

---

6.vue中class用法

表达式

对象

数组

---

7.