vue加載時閃現模板語法

問題：使用VUE時，頁面加載瞬間，會閃現模板語法，例如{{ item.name }}等

解決辦法：

1、可以通過VUE內置的指令v-cloak解決這個問題（推薦）

具體實現：

<ul v-cloak v-for="item in items">

<li>{{ item.name }}</li>

</ul>

CSS中添加

[v-cloak]{ display: none; }

2、可以在需要編譯的元素前後加上<template></template>

關於<template>詳解

http://www.zhangxinxu.com/wordpress/2014/07/hello-html5-template-tag/

3、通過切換需要編譯元素的display屬性，最開始設爲none，請求完數據後設爲block

4、VUE前置加載