路由: vue-router

// vue-router 说明
// 1.添加新路由 {name:'',path:'',component:Hello }
// 2.配置子路由 { children: [{path: '', component: Hello }] }
// 3.路由传递参数
// (1:) name => $route.name
// (2:) :to="{name: 'shouye', params: {key,value}}  => 页面中使用: $route.params.key"
// 4.单页面多路由 { components: { default: Hello, left: Hi1, right: hi2 } }
// 5.url传递参数(:key(正则表达式)) { path: '/params/:newId(\\d+)' } => 页面中使用: $route.params.newsId
// 6.重定向 { redirect : '' }
// 7.路由别名 {alias: '/abc'}
// 8.路由过渡动画 transition标签 name属性为css动画效果, mode属性 out-in
// 9.mode : histroy/ hash (路由后面 # ); 404: { path: '*', component: Error }
// 10.路由钩子 (模板中: beforeRouteEnter, beforeRouteLeave )
// 11.编程式导航 ( 前进后退 : this.$route.go(1/-1) , 跳转: this.$route.push('/') )