VUE简单指令
1、v-once:数据只展示一次,之后改变不展示。(一般不用)
2、v-html:html标签数据会解析好再展示。
3、v-text:展示数据。(一般不用)
4、v-pre:展示数据以原来的格式展示。
5、v-cloak:斗篷,在div中加。在数据加载完后,vue会删除该属性,做隐藏用。
| [v-cloak] {display: none} |
6、v-bind:动态绑定属性。v-bind:属性,简写为 :属性。
7、动态绑定class。用法::class="{类名: Boolean}",布尔值为true,就有class,为false就没有。动态添加class。
<div :class="{active: bindClass}" v-cloak>222</div>
|
8、动态绑定style。用法::style="{属性名: 属性值}"。注意属性值需要加单引号。
浙公网安备 33010602011771号