Vue Router

1.什么是Vue Router？

• Vue Router和v-if/v-show一样，是用来切换组件的显示的
• v-if/v-show是通过标记来切换(true/false)
• Vue Router是通过哈希来切换（#/xxx）
• 比v-if/v-show强大的是Vue Router不仅仅能切换组件的显示，还能够在切换的时候传递参数

2.Vue Router使用：

导入Vue Router
1.定义路由规则 const xxx
2.根据路由规则创建路由对象 const routes=[{},{}]
3.将路径对象挂载到Vue实例中 const router=new VueRouter({routes:routes})
4.修改URL哈希值
5.通过渲染匹配的组件

router-link特点：

• 默认情况下Vue会将router-link渲染成a标签，但是我们可以通过tag来指定到底渲染成什么
  

给router-link设置选中样式：

默认情况下我们可以通过重写router-link-active类名来实现设置选中样式，但是我们也可以通过linkActiveClass来指定选中样式

重定向路由:

{path：“被重定向值” ， redirect : “重定向之后的值”}

router参数传递：

• 第一种方式：通过URL参数的方式传递

• 在指定HASH的时候，通过？value&key=value的方式传递

• 在传递组件的生命周期方法中通过this.$route.query的方式来获取

• 第二种方式：通过路由规则种的占位符传递

• 在指定路由规则的时候通过/:key/:key的方式来指定占位符

• 在指定HASH的时候，通过/value/value的方式来传递值

• 在传递组件的生命周期方法中通过this.$route.params的方式来获取
  

嵌套路由：

命名视图

watch属性

1. 什么是watch属性？
   watch属性是专门用于监听数据变化的，只要数据发生了变化，就会自动调用对应数据的回调方法。
   
2. watch监听路由变化
   watch属性不仅能监听数据的变化，还能监听路由地址的变化
   在企业开发中我们可以通过watch来判断当前界面是从哪个界面跳转过来的