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

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

一、v-text和v-html

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




  
  www.jb51.net v-text和v-html
  
  


  
{{{msg2}}}

测试运行效果:

vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例_第1张图片

二、v-cloak


{{item.content}}

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

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

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

你可能感兴趣的:(vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例)