解决使用Vue.js显示数据的时,页面闪现原始代码的问题
今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下。查访各方资料,终的解决方法。
成都创新互联公司是一家集网站建设,花垣企业网站建设,花垣品牌网站建设,网站定制,花垣网站建设报价,网络营销,网络优化,花垣网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
第一步、加入一段css代码
第二步、在view上引用css模块
{{message}}
{{name}}
注意,有的文章说,在具体数据部分加入v-cloak,但是这样太麻烦,每一个数据显示都要加,所以直接加载view大模块上,就能解决问题了。
第三步、js部分没有变化
下面贴上完整代码:
Vue.js Demo {{message}}
{{name}}
以上这篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
网站栏目:解决使用Vue.js显示数据的时,页面闪现原始代码的问题
标题来源:http://azwzsj.com/article/gjesci.html