课程简介
Vue 是前端开发的主流框架,是一个典型的MVVM结构,随着版的不断迭代,功能越发强大,渐渐成为前端开发的首选和必备框架,许多大型的企业都纷纷将该框架应用到自己的项目中,虽然该框架入门易,但精通很难,必须要有实战开发的经历。
本课程从组件开发讲起,详细介绍高级组件、slot内容分发、render函数的用法,并结合完整的案例,介绍在使用 Vue 开发项目时的注意事项和经验分享,最后,完整地介绍了项目上线后的代码测试和部署过程。
目标收益
学习Vue深度开发的全部功能。
学会如何在项目中应用Vue框架开发。
掌握在项目中使用Vue 开发各类组件的核心方法。
了解通过render 函数渲染组件的过程。
理解并掌握Vue 项目上线和部署的流程。
培训对象
正在从事传统PC端Web页面的技术开发人员。
希望从事移动端WebApp应用开发的技术人员。
对前端技术感兴趣,希望从事这方面工作的人员。
掌握一些传统的前端开发技术,想进一步学习移动端应用开发的人员。
课程大纲
Vue框架组件高级应用 |
1.1.组件的自定义事件并向父传值 1.2.多个子类组件的使用 1.3.使用子类组件优化页面代码 |
使用slot分发内容 |
2.1.什么是slot 2.2.作用域 2.3.slot用法 2.4.作用域插槽 2.5.访问slot |
组件高级用法 |
3.1.递归组件 3.2.内联模板 3.3.动态组件 3.4.异步组件 |
Render函数 |
4.1.什么是Virtual Dom 4.2.什么是Render函数 4.3.createElement用法 4.4.函数化组件 4.5.实战:使用Render函数开发可排序的表格组件 |
实战:两个常用组件的开发 |
5.1.开发一个数字输入框组件 5.2.开发一个标签页组件 |
实战:电商网站项目开发 |
6.1.项目工程搭建 6.2.商品列表页 6.3.商品详情页 6.4.购物车 |
VueX数据管理 |
7.1.为什么使用Vuex 7.2.如何使用Vuex 7.3.Vuex核心内容 |
Vue框架最佳实践 |
8.1.简化Watchers 8.2.全局性组件注册 8.3.优化router key 8.4.精简render函数 |
单元测试mocha的应用 |
9.1. 使用语法 9.2. 浏览器测试 9.3. 异步测试 |
Vue框架内测试 |
10.1.内置测试框架 10.2.单元测试的配置 10.3.测试时注意事项 |
11.打包工具webpack的应用 |
11.1.特点与优势 11.2.安装与配置 11.3.使用方法 |
Vue框架上线发布 |
12.1.项目打包与发布 12.2.打包时的资源配置 12.3.发布时的代码压缩 |
Vue框架组件高级应用 1.1.组件的自定义事件并向父传值 1.2.多个子类组件的使用 1.3.使用子类组件优化页面代码 |
使用slot分发内容 2.1.什么是slot 2.2.作用域 2.3.slot用法 2.4.作用域插槽 2.5.访问slot |
组件高级用法 3.1.递归组件 3.2.内联模板 3.3.动态组件 3.4.异步组件 |
Render函数 4.1.什么是Virtual Dom 4.2.什么是Render函数 4.3.createElement用法 4.4.函数化组件 4.5.实战:使用Render函数开发可排序的表格组件 |
实战:两个常用组件的开发 5.1.开发一个数字输入框组件 5.2.开发一个标签页组件 |
实战:电商网站项目开发 6.1.项目工程搭建 6.2.商品列表页 6.3.商品详情页 6.4.购物车 |
VueX数据管理 7.1.为什么使用Vuex 7.2.如何使用Vuex 7.3.Vuex核心内容 |
Vue框架最佳实践 8.1.简化Watchers 8.2.全局性组件注册 8.3.优化router key 8.4.精简render函数 |
单元测试mocha的应用 9.1. 使用语法 9.2. 浏览器测试 9.3. 异步测试 |
Vue框架内测试 10.1.内置测试框架 10.2.单元测试的配置 10.3.测试时注意事项 |
11.打包工具webpack的应用 11.1.特点与优势 11.2.安装与配置 11.3.使用方法 |
Vue框架上线发布 12.1.项目打包与发布 12.2.打包时的资源配置 12.3.发布时的代码压缩 |