vue2实现动态路由
时间: 2023-09-12 15:12:27 浏览: 112
要在 Vue 2 中实现动态路由,你可以使用 Vue Router。下面是一个简单的示例:
首先,确保你已经安装了 Vue Router,可以通过以下命令进行安装:
```bash
npm install vue-router
```
然后,在你的 Vue 项目中,创建一个路由文件,比如 `router.js`:
```javascript
import Vue from 'vue'
import Router from 'vue-router'
// 导入你的路由组件
import Home from './views/Home.vue'
import About from './views/About.vue'
import NotFound from './views/NotFound.vue'
Vue.use(Router)
const router = new Router({
mode: 'history', // 可以使用 history 模式或 hash 模式
routes: [
{
path: '/',
name: 'home',
阅读全文