vue2 routes
时间: 2023-10-22 11:07:21 浏览: 43
Vue 2中的路由是通过Vue Router来实现的。要使用Vue Router,你首先需要安装它。你可以通过npm或yarn在你的项目中安装Vue Router,命令如下:
```
npm install vue-router
```
或者
```
yarn add vue-router
```
安装完成后,你需要在你的Vue应用中引入Vue Router,并通过Vue.use()方法来使用它。在你的入口文件(通常是main.js)中,添加以下代码:
```javascript
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
```
接下来,你需要创建一个路由配置文件。在你的项目根目录下创建一个名为router.js(或者其他你喜欢的名字)的文件,并添加以下代码示例:
```javascript
import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from './components/Home.vue';
import About from './components/About.vue';
Vue.use(VueRouter);
const routes = [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
];
const router = new VueRouter({
mode: 'history',
routes
});
export default router;
```
这个例子中,我们定义了两个路由:'/'代表首页,'/about'代表关于页面。同时我们还指定了每个路由对应的组件。
最后,在你的Vue实例中,通过传入router选项来启用路由。例如,在你的main.js文件中:
`