Vue 插值语法 没渲染前会有个{{}}在页面上 有办法优化吗？

Question

Vue 插值语法 没渲染前会有个{{}}在页面上
这个有办法让他不显示吗？
（不是数据的问题，注释掉ajax还是一样有）

Answer 1

可以使用 v-text/v-html等来代替{{}}这种模式，当然官网还提供了一个方法 v-cloak 可以保证未渲染前不会出现{{}}
示例
<div>{{aa}}</div>
改为：
<div v-cloak>{{aa}}</div>
<div v-text="aa"></div>

Answer 2

不要用 in-site template，改为写成单文件组件，用 webpack 打包，webpack 打包之后已经把 template 编译成 render function 了，就不会有 {{}} 了

Answer 3

v-cloak 就是用来解决这个的