vue页面初始化时出现{{}}等vue语法问题解决

问题描述

使用vue时，初次打开页面，页面会出现vue语法，虽然很快就会被渲染覆盖，但很影响用户体验。

解决

在标签上增加v-cloak, 页面增加style即可。代码如下：

<style>
    [v-cloak] {
        display: none;
    }
</style>

<script>
$(document).ready(function () {
	new Vue({
	  el: '#app',
	})
})
</script>

<div id="app" v-cloak>
...
</div>