使用webpack + vue搭建一個新系統，主要有這幾個問題：如何區分開發環境與生產環境，不同環境使用不同的常量，并且可以在各個組件的template中直接使用，比如生產環境下的靜態服務器地址與開發環境不同，是否是debug模式等。我查到vue有全局的filter和component，沒有全局的data，但有個mixin，但官方又不推薦使用如何定義全局變量，比如用于儲存登錄狀態，用戶行為記錄等引用了一個彈出框的組件，但貌似并不能直接訪問該組件上的方法，應該通過什么方式與該組件通信，使用broadcast？第一次搭webpack環境，不知道怎樣設計架構比較成熟穩定。如果大家有這方面豐富的開發經驗，也很愿意傾聽大家的建議和分享。
2 回答
www說
TA貢獻1775條經驗 獲得超8個贊
早先有將項目改造為webpack + vue模式，也包括使用諸如 Vue-router Vue-loader ... Sass Jade Es6 等工具結合來構建常用 組件，以方便復用代碼提升開發效率，這點經驗有提交至 vue-common-components。 但近期重新要構建一個新的系統，還是覺得 Vue 官方提供的 vue-cli 更為便捷到位；其他的一樓有了說明，就不贅述了。
楊魅力
TA貢獻1811條經驗 獲得超6個贊
第一個問題：用 vue-cli 來 init 項目，提供了成熟的 webpack 配置方案，可以很簡單地配置 dev 和 prod 的環境；
第二個問題：用 vue 就意味著不再需要支持 ie8 以及以下，可以直接用 localstorage 來存儲各種狀態，全局變量的話最好再一個地方把變量掛到 window 上，不過不推薦用全局變量；
第三個問題：可以用 vuex，或者在頂級組件上左 state 的調配。
添加回答
舉報
0/150
提交
取消