首页 > 代码库 > vue(2)-防止闪烁

vue(2)-防止闪烁

1、使用 v-cloak来解决花括号闪烁,一般会用在比较大的段落

v-cloak直接加在代码里

css里:
[v-cloak]{display:none;}

2、{{msg}}   与 v-text=msg  等价

<span>{{msg}}</span>

<span v-text="msg"></span>  //防止闪烁

3、转义时{{{msg}}}  与 v-html等价

<span>{{{msg}}} </span>  //转义

<span v-html="msg"></span>  //防止闪烁

注:在vue 2.0 -- {{{}}} 这种写法已经删掉

vue(2)-防止闪烁