SOURCE

window.onload = function() {
    // 定义路由组件
    const Home = { template: '<h3>我是主页</h3>' };
    const News = { template: '<h3>我是新闻</h3>' };

    // 定义路由
    const routes = [
        { path: '/home', component: Home },
        { path: '/news', component: News }
    ];

    //3. 准备路由
    const router = new VueRouter({
        routes
    });


    // 创建和挂载根实例
    const app = new Vue({
        el: '#app',
        router
    });
};

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>


<div id="app">
    <ul>
        <li>
             <router-link to="/home">主页</router-link>
        </li>
        <li>
            <router-link to="/news">新闻</router-link>
        </li>
    </ul>
    <div>
        <router-view></router-view>
    </div>    
</div>