vue-router官方的路由管理器

包含的功能：

?

——綁定方法進行跳轉

?

?

路由嵌套

?

?

寫的不一樣搜索的路由路徑也不一樣

?

?

二級路由

?

?

設置默認路由

?

?

導航守衛：

用于強制跳轉或者取消的方式守衛導航。

例如：未登錄頁面的時候，不允許用戶跳轉到其他的頁面。只允許用戶停留在此頁面，無論點擊哪一個頁面都會出現同一個引導操作。

全局守衛

路由獨享守衛

?

?

進入時、離開時的鉤子

?

?

Router-view的復用

其他頁面的東西，復用到本頁面。

?

?

Defoult默認。

這個css設置非常好看

?

?

滾動事件

?

?

Vuex

為什么使用vuex？

?

?

Vuex的解決方法

?

?

實際的處理辦法

?

?

創建第一個vuex

?

?

?

State：狀態

Mutations：變化

兩個方法：

?

?

Mutations中是 我們處理的根本，狀態的改變都記錄在mutations中

?

?

Store.commit（）方法：用于vuex修改狀態時。參數寫要調用的方法。

Vuex的單一狀態樹

?

?

獲取vuex狀態：

?

?

將狀態注入到每一個組件中：

?

?

MapState輔助函數：減少聲明為輔助函數

?

?

與不用輔助函數的區別：

不用輔助函數，每一個都要用函數的形式寫出處理辦法。

用輔助函數可以使用箭頭函數去寫lambda表達式。

但是文中提到了一點，就是在使用this去獲取局部狀態時，必須使用常規函數。

?

箭頭函數=>:是函數，類似于lambda表達式，但不是。

?

?

前面是參數，后面是返回值。

?

?

好像不重要：對象展開運算符

?

?

Getters

里面包括了很多個getter。

作為一個store內一個屬性，用于包裹 派生狀態 的使用

?

?

Getter的使用：

?

?

Getter接受state作為其第一個參數？？？

箭頭函數的嵌套使用：

?

?

通過屬性訪問store.getters內的派生狀態：

?

?

Getter的輔助函數Mapgetters

將store中的getter映射到局部計算屬性。

?

?

?

更改vuex的store中的狀態的方法就是mutation。

?

?

載荷

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/carry-2017/p/9794315.html

總結

以上是生活随笔為你收集整理的router+x的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。