1. 程式人生 > >vue學習之理論篇

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組成。

1state

類似vue 物件的data, 用來存放資料以及狀態。存放的資料為響應式,如果資料改變,那麼依賴資料的元件也會發生相應的改變。

2actions

Action 通過store.dispatch方法觸發:action支援非同步呼叫(可以呼叫api),mutation只支援操作同步,並且action提交的是 mutation,而不是直接變更狀態。

Action 函式接受一個與 store 例項具有相同方法和屬性的 context 物件,因此你可以呼叫context.commit提交一個 mutation,或者通過context.statecontext.getters來獲取 state  getters

3mutation

每個 mutation 都有一個字串的 事件型別(type) 一個 回撥函式(handler)。這個回撥函式就是我們實際進行狀態更改的地方,並且它會接受

 state 作為第一個引數。

4getters

Vuex 允許我們在 store 中定義“getter”(可以認為是 store 的計算屬性)。就像計算屬性一樣,getter 的返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算

關於vuex的詳細介紹請見:https://vuex.vuejs.org/zh-cn/intro.html