$route和$router到底是什么？

高shan仰止

已于 2023-03-27 17:46:23 修改

阅读量1.5k

点赞数

文章标签： javascript 前端 vue.js

于 2020-12-01 20:07:08 首次发布

本文链接：https://blog.csdn.net/Gaoshanyz/article/details/110450066

版权

**关于vue路由必学知识 **
可以理解为，一个是用来获取路由信息的，一个是用来操作路由的

$route：
route是路由信息对象，里面主要包含路由的一些基本信息，包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom；

$router：
router是VueRouter的实例，包含了一些路由的跳转方法，（push，replace，back，forward，go）钩子函数等。

Vue新CLI脚手架的坑：

1.在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错：

sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT

2.错误分析：
sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会报这个异常。

3.解决办法：
1）找到/node_modules/sockjs-client/dist/sockjs.js
2）在1605行，注释掉self.xhr.send(payload);这一行，然后就可以解决了

try {
   // self.xhr.send(payload);
 } catch (e) {
   self.emit('finish', 0, '');
   self._cleanup(false);
 }
};

关注