cdn方式的vue路由使用

首先引入cdn:

引入cdn后便可以开始编写路由的入口和出口了：

Go to Foo
Go to Bar

js代码为：

var foo = `
这里是FOO
`;
var bar = `
这里是BAR
`;
	

var vm = new Vue({
        el: '#app',
        router:new VueRouter({ 
          routes:[ 
            {path:'/',redirect:'/foo'}, // 这个表示会默认渲染foo
            {path:'/foo',component:{template: foo}},
            {path:'/bar',component:{template: bar}}
          ]
        })
})