前端自學路線圖之Vue.js項目自學

黑馬程序員前端自學路線圖中第五階段學習是Vue.js項目實戰的自學：主要介紹了前端自學路線圖Vue.js項目實戰的自學目標，前端自學路線圖Vue.js項目實戰的市場價值，前端自學路線圖Vue.js項目實戰的自學重點知識。

前端自學路線圖中的Vue.js項目實戰自學能夠在黑馬程序員視頻庫中找到自學教程。

前端自學路線圖中Vue.js項目實戰的技術要點：Vue.js基礎；webpack；社交媒體-黑馬頭條；Vue進階；服務端渲染；大數據可視化。

Vue.js項目實戰自學資源

自學前端Vue.Js有哪些好的項目？（點擊進入）

Vue.js項目自學目標

Vue.js項目自學技術要點

Vue.js項目自學--Vue.js基礎

一、Vue實例
二、文本與屬性綁定
三、計算屬性computed
四、偵聽器watch
五、Class與Style綁定
六、條件渲染
七、列表渲染
八、事件處理
九、表單輸入綁定
十、Vue實例生命週期
十一、開發Vue插件和模板過濾器
十二、自定義指令
1三、Vue組件系統
1四、Vue過渡和動畫
1五、VueRouter路由系統
1六、組件通訊
1七、axios請求庫
1八、VueCLI腳手架工具
1九、VueDevTools調試工具
20、在Vue中操做DOM

Vue.js項目自學--webpack

一、安裝與基本配置
二、打包JavaScript模塊
三、打包CSS模塊
四、打包圖片和字體文件模塊
五、打包less/sass資源模塊
六、ES6轉ES5
七、打包.vue資源模塊
八、配置ESLint代碼校驗工具
九、使用clean-webpack-plugin插件清除打包結果目錄
十、使用HtmlWebpackPlugin打包HTML資源
十一、處理打包結果的Sourcemaps
十二、監視打包模式
1三、使用webpack-dev-server
1四、模塊打包熱更新
1五、treeshaking打包優化
1六、生產環境和開發環境分離打包
1七、打包優化之CodeSplitting代碼分割
1八、打包優化之模塊懶加載
1九、打包優化之緩存

Vue.js項目自學--社交媒體-黑馬頭條

一、使用VueCLI初始化項目
二、使用Git+Github管理項目源代碼
三、使用axios與服務端交互
四、使用VueRouter管理項目中的路由
五、使用VantUI框架
六、使用Vuex管理組件狀態
七、使用Sass預處理器
八、基於JWT的先後端token鑑權
九、使用Socket.io進行實時通訊
十、移動端富文本編輯器解決方案
十一、使用Cordova打包移動App
十二、項目打包發佈上線

Vue.js項目自學--Vue進階

一、組件封裝進階
二、MVVM數據綁定原理
三、Render方法原理
四、$nextTick方法的使用
五、發佈訂閱模式

Vue.js項目自學--服務端渲染

一、SSR核心概念
二、SSR基本用法
三、編寫通用代碼
四、路由和代碼分割
五、構建配置
六、Nuxt.js

Vue.js項目自學--大數據可視化

一、數據庫可視化基礎
二、echarts/d3.js入門
三、其它可視化庫
四、大數據可視化實戰項目：組件開發