加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 02:35:12 所属栏目:百科 来源:网络整理
导读:今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下。查访各方资料,终的解决方法。 第一步、加入一段css代码 第二步、在view上引用css模块 {{message}} {{name}} 注意,有的文章说,在具体数据部分加入v-c

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

第一步、加入一段css代码

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

{{message}}

{{name}}

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

第三步、js部分没有变化

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

下面贴上完整代码:

Vue.js Demo