Vue04简单指令

Mustache:{{}}

插值操作,把data中的文本数据,插入到html中。①:使用{{}}mustache语法。其中可以写简单的表达式。

V-cloak

当浏览器解析速度较慢时,由于从上到下的解析特点,可能会先展示{{message}},等到解析到下面js代码时才会渲染到数据,使用v-cloak指令配合style标签会让{{}}未被vue解析时不展示 在vue解析之后会将v-cloak抹除

V-html

当服务器返回的url是携带着html标签的数据时,可以使用 v-html='url' 进行html标签的解析和渲染。

V-once

v-once 指令,当标签中的{{}}数据展示后,不跟随data中的数据改变而改变。

V-pre

当只想显示{{值}}时,不想通过mustache语法展示数据,可以使用v-pre,让{{}}展示数据失效,从而展示单纯的显示{{}}

V-text

展示data中的文本数据,除了用{{}}之外,还可以使用v-text=‘name’指令来展示,由于它是写在html标签属性中的,所以不能进行文本的拼接

如果标签内有其他文本,会被v-text的文本覆盖。

V-for

列表数据 遍历到列表中 在 html元素中写 v-for指令

你可能感兴趣的:(Vue04简单指令)