美文网首页Vue
Vue-router使用指南

Vue-router使用指南

作者: awesome_lewis | 来源:发表于2017-06-28 11:28 被阅读17次
    • 项目目录
    image.png

    打开src/router/index.js文件:

    import Vue from 'vue';
    import VueRouter from 'vue-router';
    
    import Home from '../views/home.vue';
    import Lists from '../views/lists.vue';
    import Option from '../views/option.vue';
    import Detail from '../views/detail.vue';
    
    Vue.use(VueRouter);
    
    const routes = [
      { path: '/', component: Home },
      { path: '/lists', component: Lists },
      { path: '/option', component: Option },
      { path: '/detail', component: Detail },
    ];
    
    const router = new VueRouter({routes});
    
    router.push('/lists');
    
    export default router;
    

    wiki
    Vue.use
    router.push

    相关文章

      网友评论

        本文标题:Vue-router使用指南

        本文链接:https://www.haomeiwen.com/subject/fqxucxtx.html