用vue做app内嵌页遇到的坑

Posted 栖木

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用vue做app内嵌页遇到的坑相关的知识,希望对你有一定的参考价值。

  公司要求用vue做一个微信端的网站,其中还包含一些app的内嵌页。开始的时候没想那么多,就直接用vue-cli搭了一个单页的vue项目,可随着项目越做越大,页面越来越多,问题就开始暴露出来了。

  众所周知,单页面程序优点是在页面初始化时加载相应的htmljavascript 和 CSS,一旦页面加载完成了,就不用再做其他的加载和跳转了,极大的提升了页面的流畅性,提供良好的用户体验。那么问题来了,把所有东西都放在初始化的时候做,就造成了页面首次加载需要更长的等待时间。而对于那些作为app内嵌的页面,每一次的加载都是首次加载,所以你们懂的,体验极差。

  接下来就是一系列的首次加载优化,webpack优化,js优化,css优化等等等等,该删的删,该改的改,一顿操作后,终于不会像开始时那样,app进个页面等半年。两个字,心累。

  所以在这里建议广大vue爱好者,如果要做app内嵌页的话,最好不要选择vue单页面的框架,vue也支持多页面应用啊,哈哈。

  金无足赤,在享受一些技术带来的便利的同时,也该了解它们一些方面的不足。懂得做到合理应用才是提高开发效率的不二法门。

以上是关于用vue做app内嵌页遇到的坑的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用keepAlive组件缓存遇到的坑

vue中遇到的坑 --- 变化检测问题(数组相关)

app审核遇到的坑

使用vue cli开发项目中遇到的坑

ant design vue + ts 时遇到的坑之from 表单

关于vue生命周期遇到的坑???