使用vue从后台读取的数据时可能会闪现一下{{item}}

使用 v-cloak 防止页面加载时出现 vuejs 的变量名，使用方法如下：在做外层的div 里面添加v-cloak

<div id="main" v-cloak>
    <div class="bar">
        <input type="text" v-model="searchStr" placeholder="Enter your search terms" />
    </div>
    <ul>
        <li v-for="a in articles | searchFor searchStr">
            <a :href="a.url"><img :src="a.image" /></a>
            <p>{{a.title}}</p>
        </li>
    </ul>
</div>

并且要在css里面写上

[v-cloak] {
  display: none;
}