vue-router

1. 定义并引入组件
2. 定义路由
3. 创建 router 实例

const router = new VueRouter({
  routes
})

4. 创建和挂载到根实例（main.js中挂载到根实例）

const app = new Vue({
  router
}).$mount('#app')

// 视图导航
<router-view>

路由信息对象：this.$route

// 声明式导航
<router-link :to="..."></router-link>

<router-link 
  tag="li"
  :to="{ path:'/learncenter', query: { id: 12343545} }">
 </router-link>
// 链接到命名路由
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
// tag参数激活 class 应用在外层元素
<router-link tag="li" :class="m.class" :to="m.url" active-class="menuactive" :key="m.url">
  <a>{{m.menuItem}}</a>
</router-link>

// 编程式的导航
router.push(...)
// 链接到命名路由
router.push({ name: 'user', params: { userId: 123 }})