vue学习杂计
2017-11-14 本文已影响0人
strugglexiang
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.