vue中的插值操作

    科技2026-01-07  11

    1、mustache双大括号语法 mustache语法中,不仅仅可以直接写变量,也可以直接写简单的表达式

    2、v-once指令 在某些情况下可能不希望界面随意的跟随改变,这时就可以使用Vue指令 1)此指令后面不需要跟任何表达式(比如之前的v-for后面是跟随一些表达式的) 2)该指令表示元素和组件,只渲染一次,不会跟着数据的改变而改变。

    3、v-html指令 运用指令可以对所给的url进行解析,从而变成正常的我们想要的那种形式,可以点击并跳转。

    4、v-text指令 这个指令与mustache双大括号语法相似都是将内容进行展示的。

    这种方法缺点就是不够灵活。

    <!-- 这种形式表现的话v-text里面的内容会覆盖后面的内容--> <h2 v-text="message">,你好好好好好</h2>

    5、v-pre指令

    <!-- 将里面的内容原样输出,不要进行Vue解析--> <h2 v-pre>{{message}}</h2>

    6、v-cloak指令 在某些情况下,我们浏览器可能会直接显示出未编译的mustache标签。 cloak,斗篷的意思, 有时候服务器在进行运行js代码的时候那可能会卡住,而我们并不希望有这种情况出现。 // 在Vue解析之前,div中有一个v-cloak // 在vue解析之后,div中就没有这个属性v-cloak了 // 这样我们就可以根据这个特性来进行控制显示的内容了,如上面的style所示

    Processed: 0.017, SQL: 9