VUE 的router
时间: 2023-11-10 16:02:30 浏览: 82
Vue的路由是Vue.js框架的官方路由管理器,它允许你在单页应用中实现基于组件的导航。Vue Router能够将不同URL映射到相应的组件,并且提供了丰富的导航解决方案。
Vue Router的使用步骤如下:
1. 安装Vue Router:
```bash
npm install vue-router
```
2. 在Vue应用中引入Vue Router:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
```
3. 创建路由实例和路由映射:
```javascript
const routes = [
{ path: '/home', component: Home },
{ path: '/about', component: About }
]
const router = new VueRouter({
routes
})
```
4. 将路由实例挂载到Vue实例上:
```javascript
new Vue({
router
}).$mount('#app')
```
5. 在Vue组件中使用路由:
```html
<router-link to="/home">Home</router-link>
<router-link to="/about">About</router-link>
<router-view></router-view>
```
阅读全文