html:
1 <router-link to="test">Go to Foo</router-link> 2 <router-link to="test1">Go to Foo1</router-link> 3 <router-view></router-view>//切换的视图容器
js:
1 var app = new Vue({ 2 el: "#app", 3 data: {}, 4 router:new VueRouter({ 5 routes:[{ 6 path:"/test", 7 component:{ 8 template:"<p>111111111</p>" 9 } 10 }, 11 { 12 path:"/test1", 13 component:{ 14 template:"<p>22222222</p>" 15 } 16 }] 17 }), 18 })