(1)npm run dev顯示端口被占用
listen EADDRINUSE :::8080
去到搭建環(huán)境中的config目錄下的index.js找到dev,進(jìn)行端口修改,再cnpm run dev
image.png
上面的方法還是太繁瑣且惡心粘衬,就是端口占用纹笼,殺死端口就解決
(2)模板應(yīng)被div包裹起來
image.png
image.png
(3)不要使用html內(nèi)置標(biāo)簽來定義組件
image.png
(4)
函數(shù)名錯誤伐谈,錯誤被調(diào)用
image.png
(6)
image.png
使用了data中未定義的變量
(7)
錯誤原因:Dom還沒渲染就去用document獲取
image.png
加定時器解決
(8)data函數(shù)必須返回一個對象
image.png
如果沒寫,不僅會報錯朋鞍,還會導(dǎo)致路由不能正常跳轉(zhuǎn)回來
image.png
(10)當(dāng)你在2.5以前的版本使用2.0以后的elementui
會報莫名其妙的錯誤棋凳,比如按鈕不能正常加載
image.png
問題也不大队橙,但是如果你知道解決辦法坠陈,你可以找一天錯誤
問題就是vue跟vue-template-compiler的版本太低
(12)在計算屬性中使用axios方法進(jìn)行數(shù)據(jù)請求會導(dǎo)致返回結(jié)果一直刷新的死循環(huán)?(改用方法捐康,created時調(diào)用)
(13)關(guān)于axios返回數(shù)據(jù)獲取
image.png
res.data[0].token
(14)
image.png
(15)調(diào)用棧超出
image.png
data()
image.png
data需要被定義為一個函數(shù)返回對象
image.png
(16)
image.png
(17)
image.png
(18)
image.png
(19)
image.png
函數(shù)名寫錯仇矾,檢查函數(shù)名稱
(20)引用網(wǎng)絡(luò)圖片403
(21)
image.png
什么地方某部分重復(fù)了
(22)router.beforeEach()的堆棧超出錯誤,需要判斷是否重復(fù)進(jìn)入當(dāng)前路由解总,形成了死循環(huán)
(23)寫了路由但是沒顯示
一定要去看看是否寫了router-view
(24)vue-cli的style中引入背景圖
背景圖地址不能用絕對地址若未,需要使用相對地址
image.png
(25)vue的內(nèi)存泄漏
內(nèi)存泄漏在 Vue 應(yīng)用中通常不是來自 Vue 自身的,更多地發(fā)生于把其它庫集成到應(yīng)用中的時候倾鲫。