前端自学路线图之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入门
三、其它可视化库
四、大数据可视化实战项目：组件开发