本文共 1103 字，大约阅读时间需要 3 分钟。

���������������vue������������������������������������������������������router-view���router-link������������������������

���������������vue���������demo������������������������������������������������

��������������� "vue": "^2.2.6","vue-router": "^2.4.0"

main.js���

import Vue from 'vue';
import App from './App.vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
import routes from './routes';
const router = new VueRouter({
    mode: 'history',
    base: __dirname,
    routes: [
        { path: '/', component: Home },
        { path: '/foo', component: Foo }
    ]}
);
new Vue({
    router,
    el: '#app',
    render: h => h(App)
});

App.vue���

routes.js���

import Home from './components/home/Home.vue';
import Foo from './components/foo/Foo.vue';
export default [
    {
        path: '/',
        component: Home
    },
    {
        path: '/foo',
        component: Foo
    }
]