公司要求用vue做一個微信端的網站，其中還包含一些app的內嵌頁。開始的時候沒想那麽多，就直接用vue-cli搭了一個單頁的vue項目，可隨著項目越做越大，頁面越來越多，問題就開始暴露出來了。

眾所周知，單頁面程序優點是在頁面初始化時加載相應的HTML、JavaScript 和 CSS，一旦頁面加載完成了，就不用再做其他的加載和跳轉了，極大的提升了頁面的流暢性，提供良好的用戶體驗。那麽問題來了，把所有東西都放在初始化的時候做，就造成了頁面首次加載需要更長的等待時間。而對於那些作為app內嵌的頁面，每一次的加載都是首次加載，所以你們懂的，體驗極差。

接下來就是一系列的首次加載優化，webpack優化，js優化，css優化等等等等，該刪的刪，該改的改，一頓操作後，終於不會像開始時那樣，app進個頁面等半年。兩個字，心累。

所以在這裏建議廣大vue愛好者，如果要做app內嵌頁的話，最好不要選擇vue單頁面的框架，vue也支持多頁面應用啊，哈哈。

金無足赤，在享受一些技術帶來的便利的同時，也該了解它們一些方面的不足。懂得做到合理應用才是提高開發效率的不二法門。

用vue做app內嵌頁遇到的坑