Vue笔记（二）—— Vue路由入门配置步骤

1.加入路由插件：

项目路径下命令行：npm install vue-router

2.main.js文件：

import Vue from 'vue'
import App from './App.vue'
// 引入路由组件
import VueRouter from 'vue-router'
// 引入iView框架
import iView from 'iview'
import 'iview/dist/styles/iview.css'

// 引入自定义路由配置
import routes from './routes'

Vue.config.productionTip = false;

Vue.use(VueRouter);
Vue.use(iView);

const router = new VueRouter({
    linkActiveClass: "active",
    routes:routes.routes
});

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

 

3.main.js同级新建routes.js文件：

// 自定义模版页
import SystemUserList from "./SystemUser/SystemUserList";
import SystemRoleList from "./SystemRole/SystemRoleList";

// 路由配置
const routes = [
    {
        path: "/user",
        com