美文网首页
Vue 指令的使用(二)不常用指令

Vue 指令的使用(二)不常用指令

作者: 圆脸黑猫警长 | 来源:发表于2020-07-12 11:43 被阅读0次
    1. v-once

    使用场景:
    只赋值一次
    使用方法:
    标签后直接写v-once即可

    2. v-html

    使用场景:
    需要替换的内容为html (如<div>abc<div>),并解析显示
    使用方法:
    标签后写v-html='变量名'

    3. v-text

    使用场景:
    替换文本,同时覆盖原内容显示(如 <div v-text='msg'>abc<div> 显示效果为只显示msg的内容,abc不显示)
    使用方法:
    标签后写v-text='变量名'

    4. v-pre

    使用场景:
    不解析替换,变量内容是什么即显示什么,和<pre><pre/>标签类似
    使用方法:
    标签后写v-pre='变量名'

    5. v-cloak

    使用场景:
    在vue渲染后,后自动删除此属性,可以再style中定义一个cloak属性作为默认属性,当vue加载完毕后删除此属性则默认属性失效,显示出期望效果
    使用方法:
    标签后直接直接写v-cloak

    相关文章

      网友评论

          本文标题:Vue 指令的使用(二)不常用指令

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