angular防止闪烁:v-cloak,一般用在大段落
vue防止闪烁:v-text
<span>{{msg}}</span> -> 双括号用v-text防止闪烁,如代码1
{{{msg}}} -> 三个括号用v-html防止闪烁,如代码2
代码1示例
<div id="box"> <span>{{{msg}}}</span> <span v-text="msg"></span> </div> <script> new Vue({ el:'#box', data:{ msg:'<strong>welcome</strong>' } }); </script>代码2示例
<div id="box"> <span>{{{msg}}}</span> <span v-html="msg"></span> </div> <script> new Vue({ el:'#box', data:{ msg:'<strong>welcome</strong>' } }); </script>