如果不使用webpack等任何模組打包方案，可以試試requirejs模組載入方案。

requirejs有配套的載入css和html的外掛，將.css，.html，.js放在一個資料夾內，可以模擬成.vue的單檔案元件。

在requirejs的配置檔案中配置好所有的元件，以及vue，vue-router，vuex，axios等等所需要的外掛。

vue-router配置路由中一定要用懶載入的方式引入元件，否則在瀏覽器載入頁面時候，會將所有的元件載入進來。

這種方案目前我感覺也有兩個問題，

首先元件的html結構，css樣式表，js元件邏輯，三者雖然透過requirejs連線在一起，但是在瀏覽器載入的時候，會很散。如果專案的元件拆分的很細，就會有大量的html，css資源請求。這個問題可以小小最佳化下。

html問題，如果html結構很簡單，可以直接寫在vue元件的template屬性中。還有就是頁面的元件儘量不要劃分的太細。

css問題，將所有元件的樣式提出到一個公共的樣式表文件中，千萬一定注意樣式覆蓋問題。

還有一個問題，相對麻煩點，在開發時我們會選用一些vue元件庫，比如說element-ui，當專案的一些功能，元件庫沒有提供，那就需要自己封裝或者在網路上找尋，問題是網路上現成的元件大都是以.vue配合webpack方案。這就需要花點時間修改下元件。