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用法示例

二、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用法示例
分享URL:http://azwzsj.com/article/pjsdgo.html