Vue2 的 SPA 相關(guān)功能和組件:
- vue-loader:讓 Webpack 支持 Single File Components 的模塊載入器
- Single File Components:在 SPA 中燕少,可以方便得把 HTML, JS, CSS 都寫在一個(gè)文件里面的一種 Component 機(jī)制
- vue-router:Vue 的路由層啦膜,不需要重新載入頁面就可以加載數(shù)據(jù)和顯示頁面
- vuex:Vue 的狀態(tài)管理器:自己進(jìn)行簡(jiǎn)單的狀態(tài)共享和使用 Vuex 進(jìn)行共享并沒有多大區(qū)別,Vuex 最大的優(yōu)點(diǎn)在于它為你形式化了集中處理數(shù)據(jù)存儲(chǔ)的過程羹令,并提供了所有功能方法去處理那些數(shù)據(jù)胚膊。
vue-loader
vue-loader 的主要功能包括:
- ES2015 enabled by default;
- Allows using other Webpack loaders for each part of a Vue component, for example SASS for <style> and Jade for <template>;
- Allows custom sections in a .vue file that can have custom loader chains applied to them
- Treat static assets referenced in <style> and <template> as module dependencies and handle them with Webpack loaders;
- Can simulate scoped CSS for each component;
- Supports component hot-reloading during development.
Single File Components
由于 SPA 的時(shí)候葡粒,頁面中的元素大部分都是動(dòng)態(tài)載入的蚁袭,所以模塊化是必然的選擇竖瘾,在一個(gè)頁面中同時(shí)撰寫 HTML,JS组底,CSS 也可以讓頁面邏輯解耦的好選擇
vue-router
Vue 的路由系統(tǒng)丈积,SPA 應(yīng)用是基于路由和組件的筐骇,路由用于設(shè)定訪問路徑,并將路徑和組件映射起來江滨。傳統(tǒng)的頁面應(yīng)用铛纬,是用一些超鏈接來實(shí)現(xiàn)頁面切換和跳轉(zhuǎn)的。在 vue-router 單頁面應(yīng)用中唬滑,則是路徑之間的切換告唆,也就是組件的切換
vuex
專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)间雀,并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化
后面會(huì)在實(shí)際的使用過程中悔详,繼續(xù)完善此份文檔~