Vue实现前台页面组件化路由跳转

Vue.js 是一套构建用户界面的 渐进式框架。它非常容易与其它库或已有项目整合，而无须从头开始重构整个项目；另一方面，Vue 完全有能力驱动采用单文件组件来开发的更为复杂的单页应用。

也就是说只需要一个页面就可以搞定很多复杂的功能，组件化 就跟小时候玩的乐高一样，每一个最基本的小组件再拼起来一个个大组件，然后以前页面与页面的切换变成组件与组件的切换，也就说，页面始终是不变的，就相当于一个容器，变的只是容器里面的内容

由于vue是单页面应用，跳转的只是组件，所以，官方提供了vue-router进行路由跳转的处理

效果如下：

首先js引入：

<script src="../Js/vue.js"></script>
<script src="../Js/vue-router.js"></script>

然后在页面中创建routers 对象， path 配置了路由的路径，component 配置了映射的组件

var routes=[  
                {path:'/',component:index},
                {name:'index', path:'/foo',component:index},
                {name:'page1', path:'/page1',component:page1},
                {name:'page2', path: