文章目錄
黑馬程序員前端自學路線圖中第五階段學習是Vue.js項目實戰的自學：主要介紹了前端自學路線圖Vue.js項目實戰的自學目標，前端自學路線圖Vue.js項目實戰的市場價值，前端自學路線圖Vue.js項目實戰的自學重點知識。
前端自學路線圖中的Vue.js項目實戰自學可以在黑馬程序員視頻庫中找到自學教程。
前端自學路線圖中Vue.js項目實戰的技術要點：Vue.js基礎；webpack；社交媒體-黑馬頭條；Vue進階；服務端渲染；大數據可視化。
Vue.js項目自學目標
Vue.js項目自學技術要點
Vue.js項目自學–Vue.js基礎
1、Vue實例
2、文本與屬性綁定
3、計算屬性computed
4、偵聽器watch
5、Class與Style綁定
6、條件渲染
7、列表渲染
8、事件處理
9、表單輸入綁定
10、Vue實例生命週期
11、開發Vue插件和模板過濾器
12、自定義指令
13、Vue組件系統
14、Vue過渡和動畫
15、VueRouter路由系統
16、組件通信
17、axios請求庫
18、VueCLI腳手架工具
19、VueDevTools調試工具
20、在Vue中操作DOM
Vue.js項目自學–webpack
1、安裝與基本配置
2、打包JavaScript模塊
3、打包CSS模塊
4、打包圖片和字體文件模塊
5、打包less/sass資源模塊
6、ES6轉ES5
7、打包.vue資源模塊
8、配置ESLint代碼校驗工具
9、使用clean-webpack-plugin插件清除打包結果目錄
10、使用HtmlWebpackPlugin打包HTML資源
11、處理打包結果的Sourcemaps
12、監視打包模式
13、使用webpack-dev-server
14、模塊打包熱更新
15、treeshaking打包優化
16、生產環境和開發環境分離打包
17、打包優化之CodeSplitting代碼分割
18、打包優化之模塊懶加載
19、打包優化之緩存
Vue.js項目自學–社交媒體-黑馬頭條
1、使用VueCLI初始化項目
2、使用Git+Github管理項目源代碼
3、使用axios與服務端交互
4、使用VueRouter管理項目中的路由
5、使用VantUI框架
6、使用Vuex管理組件狀態
7、使用Sass預處理器
8、基於JWT的前後端token鑑權
9、使用Socket.io進行實時通信
10、移動端富文本編輯器解決方案
11、使用Cordova打包移動App
12、項目打包發佈上線
Vue.js項目自學–Vue進階
1、組件封裝進階
2、MVVM數據綁定原理
3、Render方法原理
4、$nextTick方法的使用
5、發佈訂閱模式
Vue.js項目自學–服務端渲染
1、SSR核心概念
2、SSR基本用法
3、編寫通用代碼
4、路由和代碼分割
5、構建配置
6、Nuxt.js
Vue.js項目自學–大數據可視化
1、數據庫可視化基礎
2、echarts/d3.js入門
3、其它可視化庫
4、大數據可視化實戰項目：組件開發
Vue.js項目實戰自學資源
自學前端Vue.Js有哪些好的項目？（點擊進入）