JS插件

作者: 陆小琪 | 来源:发表于2016-11-08 13:41 被阅读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 }}

    相关文章

      网友评论

          本文标题:JS插件

          本文链接:https://www.haomeiwen.com/subject/igjauttx.html