可以结合动态路由一起使用

  • js part
//1.定义内容
var routes = [
    { path: '/', name: 'HelloWorld', component: HelloWorld },
    { path: '/stu', name: 'Stu', component: Stu },
    { path: '/person', name: 'Person', component: Person },
    { path: '/job', name: 'Job', component: Job },
    { path: '/jobAllot', name: 'JobAllot', component: JobAllot },
    { path: '/notice', name: 'Notice', component: Notice },
    { path: '/expressInspect', name: 'ExpressInspect', component: ExpressInspect }
    
    
];


//2.声明
var router = new VueRouter({
    mode: 'history',
  routes:routes
});

//3.调用
Vue.use(VueRouter);

export default {
  router: router,
  name: 'App',
  components: {
  }
}
  • 页面内容
<router-link to="/stu">stu</router-link>,
        <router-link to="/person">person</router-link>,
        <router-link to="/job">job</router-link>,
        <router-link to="/jobAllot">jobAllot</router-link>,
        <router-link to="/notice">notice</router-link>,
        <router-link to="/expressInspect">ExpressInspect</router-link>,
        
        <hr>
    <router-view>Emp.vue</router-view>

张泽
5 声望1 粉丝

« 上一篇
jquery+axios
下一篇 »
el-tree 静态demo