vue路由理解

2021-10-19 15:04:02 字數 458 閱讀 2678

我的理解就是不同元件之間的會話,或者叫做通訊

在vue中,路由通常定義了路徑和需要展示的元件,即當位址列發生變化時,會展示相應的元件

const router = new vuerouter(,]}

]})

順帶說一下hash模式和history模式

hash

因為hash發生變化的url都會被瀏覽器記錄下來,從而你會發現瀏覽器的前進後退都可以用了,但是位址列擺脫不了醜陋的#

由於 hash 值變化不會導致瀏覽器向伺服器發出請求,而且 hash 改變會觸發 hashchange 事件,瀏覽器的進後退也能對其進行控制,所以人們在 html5 的 history 出現前,基本都是使用 hash 來實現前端路由的

history

位址列擺脫了醜陋的#,但是一旦頁面重新整理,需要重新向伺服器請求資料,,因為重新整理是實實在在地去請求伺服器的,不玩虛的

Vue 巢狀路由 子級路由 個人理解

描述一下 由於之前一直使用vue都是配置單頁面,導致只需要路由跳轉就可以了。而今天做跳轉時,一頭懵。每次都是切換頁面,導致我的導航欄每次都是初始化狀態。還傻裡傻氣的每個子級都引用布局元件。真他媽蠢,想想都醉了 在做單頁面路由時,只需要配置乙個跳轉路由方式,name或者path router link...

vue路由配置,vue子路由配置

現在乙個專案已經部署完成,接下來我們從路由開始!還記得在初始化專案的時候,有提示是否需要安裝vue router,對沒錯,vue中路由全靠它!首先找到路由配置檔案 router index.js,是整個專案路由配置檔案 首先看最上面的,這個模組引入,es2015中的import.from.將你需要配...

Vue路由獲取路由引數

vue路由設定路由引數有2種方式 登入通過query配置的路徑顯示如下 註冊通過query配置的路徑顯示如下 通過該方法配置的引數,需要在配置路由的時候給引數留個坑,如下圖 獲取路由引數的方法 this.route.query this.route.params doctype html html ...