📚 课程介绍
本课程深入讲解Vue.js框架的核心技术,包括Vue、Vue-Router、Vuex和SSR,通过实战项目搭建,帮助学员掌握Vue全栈开发技能。
📋 学习前提
1. HTML/CSS基础(网页结构和样式语言) 2. JavaScript基础(网页交互编程语言) 3. Node.js基础(前端工程化构建工具)
📖 课程目录
第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-01 服务端api请求基础实现
7-02 数据API实现
7-03 后端登录接口实现和session使用
7-04 登录页实现
7-05 联调第一个API
7-06 请求错误处理和登录接口联调
7-07 所有接口进行联调
7-08 在数据请求时使用全局loading
7-09 在服务端渲染获取数据
7-10 前后端数据复用和服务端用户认证
7-11 服务端渲染进行redirect操作
7-12 createRender方式进行服务端渲染
7-13 正式环境打包以及异步模块打包优化
第8章 部署和总结
8-01 pm2使用以及服务器端部署
8-02.1 静态资源上传cdn上部分
8-02.2 静态资源上传cdn下部分
8-03 总结
