[TOC]
## 1.1pages文件夹下配置一个detail.vue的页面
```
<template>
<div>
detail
</div>
<template>
```
## 1.2在router.js配置一下
```
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: ()=>import('@/pages/About.vue')
}
]
```
## 1.3跳转
```
<router-link to="/about">about</router-link>
```
## 1.4事件跳转
```
<button @click="handleClick">detail</button>
export default {
name:"Home",
methods:{
handleClick(){
this.$router.push('/about');
}
}
}
```
