Vue高階實戰2 —— Vue核心技術 Vue+Vue-Router+Vuex+SSR實戰精講
需要課程的同學可聯絡微信【H19950211H】
如果在Vue的開發學習過程中,存在以下問題,特別推薦大家看一下這套教程
- 一直在寫業務邏輯,對Vue的理解不全面,缺乏體系;
- 沒有涉及工程化內容,專案構建都靠vue-cli生成
- 沒有深入瞭解過服務端渲染
你是否跟我一樣,真的是條條扎心,總是急功近利,看過一兩個實戰教程就著急上手,應付日常工作還是可以的,但對自身發展,技能提升幫助不大。這套教程適合有一定vue基礎,想要深入理解vue的同學。
學完本套課程,你將掌握vue開發的各個環節,能無需依賴vue-cli搭建vue工程的能力,具備一定的全棧開發能力。
以下,記錄自己在學習本課程的心得體會,文章內容有限,對部分章節進行了詳細闡述
請先下載課程基礎程式碼,來源於慕課網【Vue + Webpack 打造todo應用】課程
git clone https://github.com/Jokcy/vue-todo-tech.git
第1章 課程介紹
1-1 課程導學
1-2 專案介紹
第2章 Vue+Webpack的前端工程工作流搭建
2-1 專案目錄升級-一個正式專案的目錄結構
2-2 vue-loader配置
2-3 css module配置
2-4 安裝使用eslint和editorconfig以及precommit
第3章 Vue核心知識
3-1一點小準備-單獨講解vue核心內容的配置 3-2 Vue例項
3-7 Vue的元件之元件的定義 3-8 Vue的元件之元件的繼承 3-9 Vue的元件之自定義雙向繫結 3-10 Vue的元件之高階屬性
第4章 Vue-Router和Vuex
4-1 Vue-router之整合 4-2 Vue-router之配置 4-3 Vue-router之路由引數傳遞 4-4 Vue-router之導航守衛
4-5 Vuex之整合 4-6 Vuex之state和getters 4-7 Vuex之mutation和action 4-8 Vuex之模組 4-9 Vuex之其他一些API和配置
第5章 伺服器渲染
5-1 開發時服務端渲染的配置和原理
5-2 使用koa實現node server
5-3 服務端渲染的entry配置
5-4 開發時服務端渲染靜態資源路徑處理
5-5 使用vue-meta處理元資訊
5-6 生產環境服務端渲染
第6章 高階元件開發
6-1 notification之基本元件實現
6-2 notification之通過方法呼叫
6-3 notification之優化
6-4 tabs元件之基本元件實現
6-5 tabs元件之選中狀態和切換
6-6 tabs元件之在父元件中渲染子元件的slot
第7章 專案開發
7-1 服務端api請求基礎實現
7-2 資料API實現
7-3 後端登入介面實現以及session的使用.mp4
7-4 登入頁面實現
7-5 聯調第一個API
7-6 請求錯誤處理和登入介面聯調
7-7 所有介面進行聯調
7-8 在資料請求的時候使用全域性loading
7-9 在服務端渲染時獲取資料
7-10 前後端資料複用以及服務端使用者認證
7-11 服務端渲染進行redirect操作
7-12 createRenderer的方式進行服務端渲染
7-13 正式環境打包以及非同步模組打包優化
第8章 部署和總結
8-1 pm2使用以及伺服器端部署
8-2 靜態資源上傳cdn
8-3 總結