搞清楚Vue-router中的Router、Router實例、Router對象的區別與聯系


1. Router

Router是Vue-router的定義,在面向對象的思想中可以理解為Router類。

2. Router實例

Router實例是指通過new Router()方法實例化的一個Router實例對象。

3. Router對象

一個路由對象 (Router對象) 表示當前激活的路由的狀態信息,包含了當前 URL 解析得到的信息($route.path、$route.params、$route.query、$route.hash、$route.fullPath、$route.matched、$route.name、$route.redirectedFrom),還有 URL 匹配到的路由記錄 (route records)。路由對象是不可變的,每次成功的導航后都會產生一個新的對象。

Vue-router官方文檔中的“API參考”的內容,主要就是對這三者的配置選項、屬性、方法等的詳細描述。該文檔的路徑為:
https://router.vuejs.org/zh/api/

注意:下面這些屬性成員會被注入到每個Vue子組件中(其中的this指向組件中的Vue實例)。

  • this.$router

router 實例。

  • this.$route

router對象


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM