vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例

本文实例讲述了vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法。分享给大家供大家参考，具体如下：

一、v-text和v-html

{{msg}}  -->     v-text
{{{msg}}}      -->    v-html

  
  
  
  
  


  
    {{{msg2}}}
    
    
  
  

测试运行效果：

二、v-cloak

[v-cloak]{
  
  display: none;
}


    
{{item.content}}
    

      {{item.time|date}}
      
 {{item.acc}}
 {{item.ref}}
 删除
      
    

感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家vue.js程序设计有所帮助。