用vue做app内嵌页遇到的坑

Posted 2020-09-28 栖木

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

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

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

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

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