Vue基础系列：路由的基本使用

什么是路由？

•  后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；
• 前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；
• 在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）

vue 中使用 vue-router

1.导入包

<  src=\"./lib/vue-router-3.0.1.js\"></ >

2.创建子组件

var login = {
      template: \'<h3>这是登录子组件，这个组件是 奔波霸 开发的。</h3>\'
}

var register = {
      template: \'<h3>这是注册子组件，这个组件是 霸波奔 开发的。</h3>\'
}

3.创建路由对象

var router = new VueRouter({
   routes: [ // 路由规则数组
     { path: \'/\', redirect: \'/login\' },
     { path: \'/login\', component: login },
     { path: \'/register\', component: register }
  ],
   ActiveClass: \'myactive\' // 和激活相关的类
})

var vm = new Vue({
   el: \'#app\',
   data: {},
   methods: {},
   // router: router
   router
});