v-cloak:
解决插值闪动问题
原理:先隐藏插值符,在内存将实际值替换完成后再显示
<style>
[v-cloak]{
display: none;
}
</style>
<div v-cloak>{{msg}}</div>
v-once:
显示信息后续不需要修改,使用以提高性能
v-text:
填充纯文本(比插值符方法更简单,无闪动)
v-html:
填充HTML片段,存在安全隐患,来自第三方数据不可用
v-pre:
显示原始信息(即插值符),跳过编译过程