用vue做app內嵌頁遇到的坑

標籤：ack   支援   項目   nbsp   等等   提高   css   載入   載入完成   

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

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

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

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

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

用vue做app內嵌頁遇到的坑