1. 程式人生 > >Vue高階實戰2 —— Vue核心技術 Vue+Vue-Router+Vuex+SSR實戰精講

Vue高階實戰2 —— Vue核心技術 Vue+Vue-Router+Vuex+SSR實戰精講

需要課程的同學可聯絡微信【H19950211H】

如果在Vue的開發學習過程中,存在以下問題,特別推薦大家看一下這套教程

  1. 一直在寫業務邏輯,對Vue的理解不全面,缺乏體系;
  2. 沒有涉及工程化內容,專案構建都靠vue-cli生成
  3. 沒有深入瞭解過服務端渲染

你是否跟我一樣,真的是條條扎心,總是急功近利,看過一兩個實戰教程就著急上手,應付日常工作還是可以的,但對自身發展,技能提升幫助不大。這套教程適合有一定vue基礎,想要深入理解vue的同學。

學完本套課程,你將掌握vue開發的各個環節,能無需依賴vue-cli搭建vue工程的能力,具備一定的全棧開發能力

以下,記錄自己在學習本課程的心得體會,文章內容有限,對部分章節進行了詳細闡述

請先下載課程基礎程式碼,來源於慕課網【Vue + Webpack 打造todo應用】課程

git clone https://github.com/Jokcy/vue-todo-tech.git

第1章 課程介紹

          1-1 課程導學

          1-2 專案介紹

          1-3 Webpack4升級注意

第2章 Vue+Webpack的前端工程工作流搭建

          2-1 專案目錄升級-一個正式專案的目錄結構

          2-2 vue-loader配置

          2-3 css module配置

          2-4 安裝使用eslint和editorconfig以及precommit

          2-5 Webpack4升級

第3章 Vue核心知識

          3-1一點小準備-單獨講解vue核心內容的配置 3-2 Vue例項

          3-3 Vue的生命週期方法

          3-4 Vue的資料繫結

          3-5 computed和watch使用場景和方法

          3-6 Vue的原生指令

          3-7 Vue的元件之元件的定義 3-8 Vue的元件之元件的繼承 3-9 Vue的元件之自定義雙向繫結 3-10 Vue的元件之高階屬性

          3-11 Vue的元件之render function

第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 總結