vue中的插值操作

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所示

猜你喜欢

转载自blog.csdn.net/nanzai11111/article/details/108966799