1.1項(xiàng)目運(yùn)行起來后讓瀏覽器自動打開頁面
在package.json文件中加入
1.2關(guān)閉eslint校驗(yàn)功能
在vue.config.js文件中加入
1.3src文件夾目錄別名
在jsconfig.json文件中配置別名@提示
2.1路由組件與非路由組件的區(qū)別
1:路由組件一般放置在pages|views文件夾,非路由組件一般放置在components文件中
2.:路由組件一般需要在router文件夾中進(jìn)行注冊(使用的即為組件的名字),非路由組件在使用的時候碱茁,一般都是以標(biāo)簽的形式使用
$route:一般獲取路由信息(路徑|query|params等等)
$router:一般進(jìn)行編程式導(dǎo)航進(jìn)行跳轉(zhuǎn)(push|replace)
2.2路由的跳轉(zhuǎn)
有兩種方式:
1:聲明式導(dǎo)航router-link,可以進(jìn)行路由的跳轉(zhuǎn)
2:編程式導(dǎo)航push|replace着绷,可以進(jìn)行路由跳轉(zhuǎn)還可以做一些其他的業(yè)務(wù)邏輯
路由的傳參
params參數(shù):屬于路徑當(dāng)中的一部分,需要注意帕棉,在配置路由的時候,需要占位
query參數(shù):不屬于路徑當(dāng)中的一部分,不需要占位
如何指定params參數(shù)可傳可不傳
在配置路由的時候秋泄,在占位的后面加上一個問號
使用undifined解決params參數(shù)可傳/不傳
解決多次跳轉(zhuǎn)當(dāng)前路由報(bào)錯NavigationDuplicated的警告錯誤
1:通過給push方法傳遞相應(yīng)的成功、失敗的回調(diào)函數(shù)规阀,可以捕獲當(dāng)前錯誤 恒序,可以解決。(治標(biāo)不治本)
2:重寫push|replace
解決跨域問題
什么是跨域:協(xié)議谁撼、域名歧胁、端口號不同請求,稱之為跨域
解決方式:JSONP厉碟、CROS喊巍、代理
代理:
在vue.config.js文件中添加
引入進(jìn)度條
1.安裝:npm i?nprogress
2.在axios二次封裝中引入
3.使用
防抖與節(jié)流
作用:解決卡頓
防抖:前面的所有觸發(fā)都被取消,最后一次執(zhí)行在規(guī)定的時間之后才會觸發(fā)箍鼓,也就是說如果連續(xù)的快速觸發(fā)崭参,只會執(zhí)行一次
節(jié)流:在規(guī)定的間隔時間范圍內(nèi)不會重復(fù)出發(fā)回調(diào),只有大于這個時間間隔才會觸發(fā)回調(diào)款咖,把頻繁觸發(fā)變?yōu)樯倭坑|發(fā)
區(qū)別:
防抖:用戶操作很頻繁阵翎,但只執(zhí)行一次
節(jié)流:用戶操作很頻繁逢并,只是把頻繁的操作變?yōu)樯倭康牟僮?/p>