Vue页面初始加载是通常会出现 {{}} ,优化方式:
(1)在加载前先隐藏页面元素,
(2)等待Vue对象解析完成后,修改状态数据,
(3)借助数据绑定,修改页面样式
<div id="app" :class="{'disBlock':disBlock}"></div>
<style>
#app{display:none}
#app.disBlock{display:block}
</style>
<script>
new vue({
el: "#app",
data: { disBlock: true }
})
</script>