vue错误解决

（1）npm run dev显示端口被占用

listen EADDRINUSE :::8080

---

去到搭建环境中的config目录下的index.js找到dev,进行端口修改，再cnpm run dev

image.png

---

上面的方法还是太繁琐且恶心，就是端口占用，杀死端口就解决

（2）模板应被div包裹起来

image.png

image.png

---

（3）不要使用html内置标签来定义组件

image.png

(4)

函数名错误，错误被调用

---

image.png

（6）

image.png

---

使用了data中未定义的变量

（7）

错误原因:Dom还没渲染就去用document获取

---

image.png

---

加定时器解决

（8）data函数必须返回一个对象

image.png

---

如果没写，不仅会报错，还会导致路由不能正常跳转回来

---

image.png

（10）当你在2.5以前的版本使用2.0以后的elementui

会报莫名其妙的错误，比如按钮不能正常加载

---

image.png

---

问题也不大，但是如果你知道解决办法，你可以找一天错误
问题就是vue跟vue-template-compiler的版本太低

---

（12）在计算属性中使用axios方法进行数据请求会导致返回结果一直刷新的死循环？（改用方法，created时调用）

---

（13）关于axios返回数据获取

image.png

---

res.data[0].token

---

（14）

image.png

---

（15）调用栈超出

image.png

data()

image.png

data需要被定义为一个函数返回对象

---

image.png

（16）

image.png

（17）

image.png

（18）

image.png

（19）

image.png

---

函数名写错，检查函数名称

---

（20）引用网络图片403

---

（21）

image.png

什么地方某部分重复了

（22）router.beforeEach()的堆栈超出错误，需要判断是否重复进入当前路由，形成了死循环

（23）写了路由但是没显示

一定要去看看是否写了router-view

(24)vue-cli的style中引入背景图

背景图地址不能用绝对地址，需要使用相对地址

---

image.png

（25）vue的内存泄漏

内存泄漏在 Vue 应用中通常不是来自 Vue 自身的，更多地发生于把其它库集成到应用中的时候。