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.

上一篇下一篇

猜你喜欢

热点阅读