解决使用Vue.js显示数据的时,页面闪现原始代码的问题

Vue 前端之家
前端之家收集整理的这篇文章主要介绍了解决使用Vue.js显示数据的时,页面闪现原始代码的问题，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。查访各方资料，终的解决方法。

第一步、加入一段css代码

第二步、在view上引用css模块

{{message}}

{{name}}

注意，有的文章说，在具体数据部分加入v-cloak，但是这样太麻烦，每一个数据显示都要加，所以直接加载view大模块上，就能解决问题了。

第三步、js部分没有变化

new Vue({
el : "#app",data : exeData
})

下面贴上完整代码：

<Meta charset="UTF-8"> Vue.js Demo