相關(guān)文章

• 

  基于vscode實現(xiàn)vue3項目創(chuàng)建啟動+安裝配置路由vue-router實現(xiàn)單頁面組件切換

  訪問https://nodejs.org/en，點擊下載最新版本的nodejs,并安裝。 在項目目錄文件下，通過cmd運(yùn)行下述指令。 依次輸入下列命令，啟動vue項目 在瀏覽器中加載http://localhost:5173/，頁面加載成功，說明vue項目安裝啟動成功。 建議安裝第三方庫通過vscode中的終端來操作，項目啟動通過

  2024年02月03日

  瀏覽(97)
• 

  Vue3+vite搭建基礎(chǔ)架構(gòu)（6）--- 使用vue-router

  這里記錄下自己在Vue3+vite的項目使用vue-router的過程，不使用ts語法，方便以后直接使用。這里承接自己的博客Vue3+vite搭建基礎(chǔ)架構(gòu)（5）— 使用vue-i18n這篇博客，在該博客項目的基礎(chǔ)上增加使用vue-router。 Vue3使用vue-router官方文檔：https://router.vuejs.org/zh/installation.html 根據(jù)官網(wǎng)給

  2024年02月21日

  瀏覽(26)
• 

  vue3 一個基于pinia簡單易懂的系統(tǒng)權(quán)限管理實現(xiàn)方案，vue-router動態(tài)路由異步問題解決

  作為項目經(jīng)驗稀少的vue開發(fā)者來說，在關(guān)鍵技術(shù)點上的經(jīng)驗不多，我希望通過我的思想和實踐，把好的東西分享在這里，目的是進(jìn)一步促進(jìn)技術(shù)交流。項目即將完成，權(quán)限是最后的收尾工作，好的權(quán)限實現(xiàn)方案，可以讓我們沒有后顧之憂，也可以提升項目的運(yùn)行速度。 在開發(fā)

  2023年04月08日

  瀏覽(97)
• 

  Vite4+Typescript+Vue3+Pinia 從零搭建(5) - 路由router

  項目代碼同步至碼云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它與 Vue.js 核心深度集成，讓用 Vue.js 構(gòu)建單頁應(yīng)用變得輕而易舉。 在 src/view 下新建 home.vue 和 login.vue ，內(nèi)容如下： login.vue 里修改下對應(yīng)name即可 index.ts 作為路由入口， static.ts 作為靜態(tài)路由， modules 內(nèi)還可以

  2024年02月05日

  瀏覽(100)
• 

  vue2創(chuàng)建項目的兩種方式，配置路由vue-router，引入element-ui

  提示：vue2依賴node版本8.0以上 使用@vue/cli腳手架vue create創(chuàng)建 使用vue-cli腳手架vue init webpack創(chuàng)建 1、查看nodejs版本 2、全局安裝vue腳手架和webpack腳手架 3、新建vue2項目 創(chuàng)建選項除了，Install vue-router?？選擇是，其他選擇的否 4、安裝依賴并啟動文件 5、預(yù)覽 6、目錄結(jié)構(gòu) 1、如果安

  2024年04月14日

  瀏覽(27)
• 

  Vue3配置路由(vue-router)

  緊接上篇文章，vue3的配置與vue2是有所差別的，本文就講述了如何配置，如果本文對你有所幫助請三連支持博主。 下面案例可供參考 使用npm命令進(jìn)行安裝 ： npm install vue-router@4 完成后我們打開項目根目錄下的 package.json 文件： 如下即為成功 這里創(chuàng)建 view目錄，然后在view目錄

  2023年04月12日

  瀏覽(27)

• 【退役之重學(xué)前端】使用vite+vue3+vue-router，重構(gòu)react+react-router前后端分離的商城后臺管理系統(tǒng)

  前言： 對前端各個技術(shù)板塊，HTML、CSS、JavaScript、ES6、vue家族，整體上能“摸其大概”。筆者計劃重構(gòu)一個基于react的商城后臺管理系統(tǒng)。 —— 2024年2月16日 vue3 sass bootstrap ES7 前后端分離 分層架構(gòu) 模塊化開發(fā) npm vite git

  2024年02月20日

  瀏覽(25)
• 

  搭建vue3,TypeScript,pinia,scss,element-plus,axios,echarts,vue-router,babylon,eslint,babel,拖拽,rem自適應(yīng)大屏

  1.1、使用vite初始化項目 1.1.1、創(chuàng)建項目文件夾 1.1.2、進(jìn)入項目文件夾 1.1.3、初始化項目 1.1.4、輸入項目名稱 1.1.5、選擇vue 1.1.6、選擇TypeScript 1.1.7、查看當(dāng)前源(非必要) 1.1.8、更換為國內(nèi)鏡像(非必要) 1.1.9、進(jìn)入項目 1.1.10、安裝依賴 1.1.11、運(yùn)行項目 1.1.12、修改部分報錯信息

  2024年04月23日

  瀏覽(40)
• 

  Vue3/ Vue3內(nèi) Vue-router Vue3路由 完整配置流程

  (1). yarn add vue-router (2) 創(chuàng)建 router/index.js 文件 (3) improt 引入 createRouter improt { createRouter ?}? from \\\'vue-router (4) 調(diào)用 createRouter 并定義變量名 ?cosnt router = createRouter()? (5) export default 導(dǎo)出 router? export default?router? (6) createRouter() 內(nèi)添加對象 并定義 history ? ?history: createMemoryHistory()

  2023年04月08日

  瀏覽(23)
• 

  前端新手Vue3+Vite+Ts+Pinia+Sass項目指北系列文章 —— 第十二章 常用工具函數(shù) (Utils配置)

  在項目開發(fā)中，我們經(jīng)常會使用一些工具函數(shù)，也經(jīng)常會用到例如 loadsh 等工具庫，但是這些工具庫的體積往往比較大，如果項目本身已經(jīng)引入了這些工具庫，那么我們就沒有必要再引入一次，所以我們需要自己封裝一些工具函數(shù)，來簡化我們的開發(fā)。 在 src/utils 目錄下創(chuàng)建

  2024年02月20日

  瀏覽(28)