const a = {template:"<div> a demo </div>"}
const b = {template:"<div> b demo </div>"}
const route = [
{path:'/a',component:a},
{path:'/b',component:b}
]
const vueRoute = new VueRouter({
model:'history',
routes:route
})
var app = new Vue({
router:vueRoute
}).$mount("#example");
<div id="example">
<h1>单页demo</h1>
<p>
<router-link to="/a" replace append> A </router-link>
<router-link to="/b" replace> B </router-link>
</p>
<router-view></router-view>
</div>