日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

router+x

發布時間:2023/12/10 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 router+x 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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映射到局部計算屬性。

?

?

?

更改vuexstore中的狀態的方法就是mutation

?

?

載荷

?

?

?

?

?

?

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

總結

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

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