错误总结以及$route和$router的区别

今天写点击退出删除token时遇到一个常见问题

当调用vuex里面的方法时 没有写模块名前缀导致错误

 通过排查发现是调用这个方法没有生效,当使用vuex里面的方法被封装成模块时,一定要写模块名前缀

$route和$router的区别

可以理解为，一个是用来获取当前组件的路由信息，一个是用来操作路由的

1.router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象,经常用的跳转链接就可以用this.$router.push,在我们看来是 切换路由，但本质是在添加一个history记录方法

$router.replace({path:'home'});//替换路由，没有历史记录

2..route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等

• $route.path 
  字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。
• $route.params 
  对象，包含路由中的动态片段和全匹配片段的键值对
• $route.query 
  对象，包含路由中查询参数的键值对。例如，对于 /home/news/detail/01?favorite=yes ，会得到$route.query.favorite == 'yes' 。
• $route.router 
  路由规则所属的路由器（以及其所属的组件）。
• $route.matched 
  数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
• $route.name 
  当前路径的名字，如果没有使用具名路径，则名字为空。