[email protected]之[email protected]

1. 安装

安装时注意文件版本，安装3.x版本，该版本支持[email protected]。

yarn add vue-router

2. 目录结构

3. router/index.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '../components/Home'
import Login from '../components/Login';

Vue.use(VueRouter);

const routes = [
  {
    
    path: '/home', component: Home},
  {
    
    path: '/login', component: Login},
  {
    
    path: '/', redirect: '/home'}
]

const router = new VueRouter({
    
    
  mode: 'history',
  routes
})

export default router;

4. main.js

import Vue from 'vue';
import App from './App.vue';
import store from './store';
import router from './router';
import ajax from './common/ajax';

Vue.prototype.$ajax = ajax;

new Vue({
    
    
  store,
  router,
  render: h => h(App),
}).$mount('#app')