JS插件

2016-11-08  本文已影响0人  陆小琪

#文本

<span>Message: {{ msg }}</span>

通过使用v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定:

<span v-once>This will never change: {{ msg }}</span>

#纯文本

双大括号会将数据解释为纯文本,而非 HTML 。为了输出真正的 HTML ,你需要使用v-html指令:

<div v-html="rawHtml"></div>

被插入的内容都会被当做 HTML —— 数据绑定会被忽略。注意,你不能使用v-html来复合局部模板,因为 Vue 不是基于字符串的模板引擎。组件更适合担任 UI 重用与复合的基本单元。

#属性

Mustache 不能在 HTML 属性中使用,应使用v-bind 指令

<div v-bind:id="dynamicid"></div>

这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:

<button v-bind:disabled="SomebyDynamaicCondition">Button</button>

#过滤器

Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。过滤器应该被添加在mustache 插值的尾部,由“管道符”指示:

{{ message | capitalize }}

上一篇下一篇

猜你喜欢

热点阅读