vue router一級(jí)路由在右側(cè)顯示 vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?1.安裝節(jié)點(diǎn)。vue需要基于npm的某個(gè)版本,所以先把npm升級(jí)到最新版本。在安裝的過程中,我更喜歡淘寶的鏡像,所以先安裝cnpm(因?yàn)樗俣群头€(wěn)定性
vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問的原因分析?
1.安裝節(jié)點(diǎn)。vue需要基于npm的某個(gè)版本,所以先把npm升級(jí)到最新版本。在安裝的過程中,我更喜歡淘寶的鏡像,所以先安裝cnpm(因?yàn)樗俣群头€(wěn)定性更好)。
2.在目標(biāo)文件夾中打開終端。3.執(zhí)行cnpm install vue-cli -g的全局安裝,運(yùn)行vue看看安裝是否成功。4.運(yùn)行vue init webpack(注:模板名)sell2(注:項(xiàng)目名)5。進(jìn)入項(xiàng)目文件夾,執(zhí)行cnpm install,安裝下載到模板中的package.json中的依賴項(xiàng)。安裝完成后,項(xiàng)目文件夾下會(huì)自動(dòng)生成節(jié)點(diǎn)模塊文件,用于存儲(chǔ)安裝的依賴文件。6.因?yàn)橛泻芏嘁蕾囮P(guān)系,所以編輯器在檢索模塊文件時(shí)會(huì)消耗大量?jī)?nèi)存。因此,當(dāng)使用webstorm編輯器啟動(dòng)一個(gè)項(xiàng)目時(shí),我們經(jīng)常右鍵單擊node-module文件夾來停止對(duì)文件的檢索。注意:webstorm一打開就卡,沒有辦法操作文件夾。這種情況的解決方案是首先打開并刪除文件夾表單中的node-modules文件夾,然后停止檢索。然后再安裝一次CNPM即可*(這個(gè)方法需要在安裝完依賴項(xiàng)后運(yùn)行一次,然后刪除node_modules子文件。webstorm打開項(xiàng)目并禁止檢索node_ module文件夾,然后刪除該文件夾并重新安裝)。
7.運(yùn)行項(xiàng)目并執(zhí)行npm run dev(注意:此時(shí)不能使用cnpm來運(yùn)行??隙ㄊ莕pm)8。將所需的資源投入到項(xiàng)目中。我們需要使用路由功能,所以我們需要安裝vu
vue中routers和router的區(qū)別?
:router對(duì)象(new的Router對(duì)象),包含一些操作路由的功能函數(shù),實(shí)現(xiàn)程序化導(dǎo)航。通常指訪問任何組件內(nèi)的路線。例如,$router.push()用于路由編程導(dǎo)航。
:創(chuàng)建vue-router路由實(shí)例的配置項(xiàng)。用于配置多個(gè)路由路由對(duì)象。
:指代表當(dāng)前活動(dòng)路由狀態(tài)信息的路由對(duì)象。比如這個(gè)。$route指的是當(dāng)前路由對(duì)象。路徑/元/查詢/參數(shù)