关于vue.js:vue-静态路由

40次阅读

共计 853 个字符，预计需要花费 3 分钟才能阅读完成。

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>

正文完