vue三十二 Vue Router之一級路由配置

2022-07-07 11:54:18 字數 2001 閱讀 2651

vue-router

vue-router是用來將乙個vue程式的多個頁面進行路由的。比如乙個vue程式(或者說乙個**)有登入、註冊、首頁等模組,那麼我們就可以定義/login、/register、/來對映每個模組。

基本使用:

1. 建立乙個`vuerouter`物件:`new vuerouter()`。

2. 在`vuerouter`中,需要傳遞乙個`routes`引數。這個引數是乙個陣列型別,陣列中儲存的是物件,物件中最少要有兩個屬性,乙個是`path`,代表`url`,第二個是`component`,代表資料更新的元件。示例**如下:

```js

let router = new vuerouter(,,]

})```

3. 將`router`傳給`vue`。

4. 把網頁中之前的`a`標籤,替換成`router-link`。

5. 使用`router-view`指定網頁中哪個地方要被更新。

準備3個元件

在src資料夾下,建立router.js,例項化router並配置路由對映

在主入口main.js中註冊router

訪問路由,失敗

// 匯入元件

import film from "@/views/film"; // 匯入film元件,@符號是指向src資料夾

import cinema from "@/views/cinema";

import center from "@/views/center";

vue.use(router) // 註冊路由外掛程式vue-router

// 例項化router元件

const router = new router(, // 訪問的前段資源是/film開頭的路徑,載入film元件

, // 訪問的前段資源是/cinema開頭的路徑,載入cinema元件

// 訪問的前段資源是/center開頭的路徑,載入center元件]})

export default router // 匯出router例項

main.js

hello vue

演算法(三十二)

1 在乙個排序的鍊錶中,存在重複的結點,請刪除該鍊錶中重複的結點,重複的結點保留乙個,返回煉表頭指標。例如,鍊錶1 2 3 3 4 4 5 處理後為 1 2 5 private static listnode fun2 listnode head temp temp.next res.next te...

CUDA學習(三十二)

本地記憶體 本地記憶體訪問只對一些自動變數發生,如可變記憶體空間說明符中所述。編譯器可能在本地記憶體中放置的自動變數是 檢查ptx彙編 通過使用 ptx orkeep選項編譯獲得 將會告訴在第乙個編譯階段變數是否被放置在本地記憶體中,因為它將使用.local助記符進行宣告,並使用ld.local進行...

HTML 三十二 顏色

顏色由紅色 綠色 藍色混合而成。顏色由乙個十六進製制符號來定義,這個符號由紅色 綠色和藍色的值組成 rgb 每種顏色的最小值是0 十六進製制 00 最大值是255 十六進製制 ff 這個 給出了由三種顏色混合而成的具體效果 大多數的瀏覽器都支援顏色名集合。如果需要使用其它的顏色,需要使用十六進製制的...