vue學習之理論篇
詳細介紹請見微博:https://blog.csdn.net/qq_33295794/article/details/79024915
1.什麼是vue全家桶?
有一個公司來學校招人,別的要求沒有,說是要會vue全家桶。vue全家桶就是指包括:vue-router ,vuex,vue-resource ,vue-cli,再加上sass樣式,就是一個完整的vue專案的核心構成
vue-cli:專案構建工具
vue-router:路由
vuex:狀態管理
vue-resource:http請求工具
2.vue兩大核心思想:元件化和資料驅動
元件化:把整體拆分為可以複用的部分
資料驅動:通過資料變化直接影響bom展示,避免dom操作
3.什麼是vue-router,有什麼用?
vue-router 就是路由,位址列輸什麼,到什麼頁面,而且vue-router可以通過html5的history實現單頁面應用,不重新整理跳轉,你切地址,只是頁面上的元件的切換。另外vue-router還可以實現頁面間傳參等其他功能。
4.什麼是vuex?
可以理解為全域性的資料管理
vuex主要由五部分組成:state action、mutation、getters、mudle組成。
1、state
類似vue 物件的data, 用來存放資料以及狀態。存放的資料為響應式,如果資料改變,那麼依賴資料的元件也會發生相應的改變。
2、actions
Action 通過store.dispatch方法觸發:action支援非同步呼叫(可以呼叫api),mutation只支援操作同步,並且action提交的是 mutation,而不是直接變更狀態。
Action 函式接受一個與 store 例項具有相同方法和屬性的 context 物件,因此你可以呼叫context.commit提交一個 mutation,或者通過context.state和context.getters來獲取 state 和 getters。
3、mutation
每個 mutation 都有一個字串的 事件型別(type) 和一個 回撥函式(handler)。這個回撥函式就是我們實際進行狀態更改的地方,並且它會接受
4、getters
Vuex 允許我們在 store 中定義“getter”(可以認為是 store 的計算屬性)。就像計算屬性一樣,getter 的返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算
關於vuex的詳細介紹請見:https://vuex.vuejs.org/zh-cn/intro.html