【教程】手摸手教你從0到1學習vue3

這個教程我們將會學習到 VUE + Route + Vuex + Axios + Elementui。并由 0 到 1 搭建管理后臺系統,由項目入手學習VUE的知識點。非常適合0基礎同學學習。一有好貨立馬分享~各位請笑納:
第2學時 安裝node.js、vue3.0腳手架、創建github代碼管理倉庫、構建vue項目

第3學時 2.0與3.0的差異,vue.config.js、引入全局樣式、router重定向、elementui依賴,git命令提交文件

第4學時 vue文件標準結構、v-for遍歷、key、v-bind屬性、@click事件、綁定class、基礎數據類型、引用數據類型區別

第5學時 熟悉element-ui組件、制作表單驗證、了解組件的用法

第6學時 封裝校驗js文件、webpack目錄配置指向、export暴露方法、import引用、指令v-show、v-if的區別

第7學時 2.0語法轉3.0、setup函數、reactive函數、ref函數、isRef、toRefs方法

第8學時 axios攔截器,模塊管理API,export、export default的區別

第9學時 axios跨域配置、環境變量、接口文檔

第10學時 登錄接口接調試、響應攔截、elementui message、root參數

第10-1學時

第11學時 按測試用例流程開發項目、注冊接口聯調、倒計時setTimeout、setInterval、超時timeout

第11-1學時

第11-2學時 登錄接口調試、定時器知識點

第12學時 了解基礎的Promise的方法、resolve、reject、all、race

第13學時 請求頭攔截業務處理、Request Headers添加參數、登錄密碼sha1加密、前端臺加密流程、代碼優化封裝方法

第14學時 簡單了解vue學習目標,具體學習什么東西,了解基礎的指令

第15學時 后臺首頁搭建、router路由跳轉、children屬性、components組件、局部組件引入

第16學時 elementui的el-menu組件生成路由菜單、定義全局elemenui樣式表、修改組個樣式

第17學時 svgIcon制作、全局組件Vue.component、父子組件傳值props、propsData、計算屬性computed

第17-2學時 完善后臺首頁布局

第18學時 Vuex、State、Getters、Mutations、菜單導航收起、展開

第18-2學時 cookie存儲,sessionStorage存儲、localStorage存儲、JSON.parse、JSON.strin

第18-3學時 Vuex的action異步、同步、modules模塊管理狀態數據

第19學時 router.beforeEach路由守衛,檢測toKen是否非法進入后臺,to、from參數、next方法、Vuex命名空間

第19-2學時 登錄存儲token、token存在基礎邏輯進入后臺

第19-3學時 退出后臺清除token、防止非法進入、GIT代碼合并、提交當天開發的代碼

第20學時 設計稿UI制作、element-ui組件、el-select、el-row、el-col、el-button

第20-2學時 設計稿UI制作、element-ui組件、el-table、el-pagination

第20-3學時 設計稿UI制作、element-ui組件、el-dialog、父子組件回調emit、修飾器sync、vue2.0、3.0寫法

第20-4學時 設計稿UI制作、element-ui組件、el-messageBox、自定義全局方法export install、VUE3.

第20-5學時 設計稿UI制作、信息分類UI制作

第21學時 信息管理模塊,一級分類接口、獲取分類接口、onMounted、相關優化

第21-2學時 信息管理模塊,刪除接口、修改接口

第21-3學時 接口封裝,vue3.0封裝方式,vuex的actions方式,為后期維護方便

第21-4學時 添加信息接口、獲取列表接口、分頁處理請求數據、獲取分類優化,變量優化

第21-5學時 單記錄、批量刪除接口、table組件數據加載優化、formatter屬性返回值、日期組件配置數據格式、篩選條件處理

第21-6學時 信息編輯接口、添加子級分類接口、請求全部分類接口

第21-7學時 原型學習、原型版本查看、GIT命令控制代碼版本迭代、合并代碼、創建新分支

第22學時 router路由跳轉、5種傳參方式、vuex配合HTML5本地儲存

第22-1學時 詳細頁數據讀取、初始化數據、富文本編輯器、vue devTool依賴

第22-2學時 elementui upload組件結合七牛云第三方儲存,七牛云建立空間、域名綁定、解析

第22-3學時 elementUI組件二次封裝開發,組件封裝的一些問題思考,什么時候需要watch,傳參動態配置數據

第23學時 用戶管理功能迭代、git分支創建、日常工作中的日報、周報總結、項目的管理

第23-1學時 用戶管理UI制作、elementUI el-select組件封裝、參數配置、組件命名沖突

第23-2學時 真正理解vue組件化開發、組件概念、優勢、全局組件component、局部組件import、從源頭解決BUG

第23-3學時 vue生命周期,組件生命周期,3.0改寫2.0組件

第23-4學時 vue3.0生命周期,封裝el-table組件

第23-5學時 封裝el-table組件,v-slot插槽3種方式,數據綁定

第23-6學時 封裝el-table組件,數據請求,整合url請求地址,統一api文件夾管理

第23-7學時 封裝el-table組件,業務邏輯的拆分、組合

第23-8學時 elementUI 頁碼組件、業務邏輯拆分頁碼,配置項
如鏈接失效,請后臺留言,看到后第一時間回復。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容