當前位置:編程學習大全網 - 源碼破解 - VueRouter的基本使用

VueRouter的基本使用

1.導入vue-router.js文件,必須插入到vue.js文件後面

2.定義路由規則

4.將創建好的路由對象綁定到Vue實例上

5.修改URL哈希值

6.通過<router-view>渲染匹配的組件

7.css樣式

<router-link>標簽:Vue Router中提供專門用於設置哈希值的標簽;

<router-view>標簽:Vue Router中提供專門用於將路由匹配到的組件渲染到指定位置;

2.給router-link設置選中樣式

默認情況下我們可以通過重寫router-link -active類名來實現設置選中樣式,但是我們也可以通過linkActiveClass來指定選中樣式;

案例: 在one界面中又有兩個按鈕,通過這兩個按鈕進壹步 切換one中的內容

  • 上一篇:《諜海追蹤》演員有哪些?
  • 下一篇:山海經之赤影傳說宏泰扮演者田宇鵬個人資料★宏泰是誰
  • copyright 2024編程學習大全網