美文网首页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