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="{属性名: 属性值}"。注意属性值需要加单引号。

posted on 2021-07-06 14:56  代码改变世界001  阅读(39)  评论(0)    收藏  举报

导航