vue2router
时间: 2023-09-03 19:10:22 浏览: 51
Vue Router 是 Vue.js 官方提供的路由管理库,用于实现单页应用中的路由功能。在 Vue 2 中,你可以按照以下步骤使用 Vue Router:
1. 首先,确保你已经安装了 Vue Router。你可以通过 npm 或 yarn 进行安装:
```
npm install vue-router
```
2. 创建一个路由配置文件,例如 `router.js`。在该文件中,引入 Vue 和 Vue Router,并定义你的路由配置。例如:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: () => import('@/views/Home.vue')
},
{
path: '/about',
name: 'About',
component: () => import('@/views/About.vue')
}
]
const router = new VueRouter({
routes
})
export default router
```
3. 在你的主 Vue 实例中,引入并使用路由配置文件。例如:
```javascript
import Vue from 'vue'
import App from './App.vue'
import router from './router'
new Vue({
router,
render: h => h(App)
}).$mount('#app')
```
4. 在你的组件中,可以通过 `<router-link>` 标签进行导航链接的创建。例如:
```html
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
`