视频教程-Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇-Vue
发布时间：2024-01-02 09:00
![\"\"](\"https://img.it610.com/image/info8/2557523a117d4f6cadb5a0ef249c0a6a.jpg\")
![\"\"](\"https://img.it610.com/image/info8/775ccc5de93a4bd8b34efbe3080db108.jpg\")
徐照兴
扫码下载「CSDN程序员学院APP」，1000+技术好课免费看
APP订阅课程，领取优惠，最少立减5元 ↓↓↓
![\"\"](\"https://img.it610.com/image/info8/f32e7688bec84d92a255ef4710d0e25d.png\")
订阅后：请点击此处观看视频课程
视频教程-Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇-Vue
学习有效期：永久观看
学习时长：1516分钟
学习计划：26天
难度：中
「口碑讲师带队学习，让你的问题不过夜」
讲师姓名：徐照兴
高校教师 / 培训机构讲师
讲师介绍：徐照兴，教研室主任，硕士，副教授，专业建设委员会主任，微软Office认证讲师级，南昌科协常委，江西省职业技能鉴定考评员，获软著20余项、实用新型5项。研究领域智能信息系统开发、计算机应用教学。系统讲授《数据库》、《C#程序设计》、《ASP.NET》等课程。出版《Visual Basic2008应用程序开发实例精讲》等教材8部,拥有15年的高校教学与培训经验，对教学有独特的认识与见解。
☛点击立即跟老师学习☚
「你将学到什么？」
本课程主要讲解vue实例常用属性和方法、自定义指令、自定义过滤器、过度、开发插件、组件及组件间的通信、使用axios发送http请求、使用Vue Router实现路由控制，使用webpack打包工具的用法、ES6的语法、webpack与各种插件的配合使用、Vue cli脚手架的搭建、Element UI的应用、Vuex的应用、Mock和Easymock的应用.
![\"视频教程-Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇-Vue_第1张图片\"](\"https://img.it610.com/image/info8/b329128d255347ec878d2b610aead503.png\")
![\"视频教程-Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇-Vue_第2张图片\"](\"https://img.it610.com/image/info8/f687e4f537c94d3dbe070dcf6651ec1a.png\")
「课程学习目录」
| 第1章：Vue实例常用的属性和方法 |
| 1. vm.$el、vm.$data、vm.$options、vm.$refs （Vue实例常用属性） |
| 2.vm.$mount（）、vm.$nextTick() （Vue实例常用方法——生命周期） |
| 3.vm.$set() vm.$delete()（Vue实例常用方法——为对象添加和删除属性） |
| 第2章：自定义指令及过度（动画） |
| 1.自定义全局指令（1） |
| 2.自定义全局指令（2） |
| 3.自定义局部指令 |
| 4.过度效果实现 |
| 5.通过钩子函数在动画呈现的不同时机做不同事情 |
| 6.动画效果的实现 |
| 7.结合第三方动画库animate.css一起使用 |
| 8.多元素动画 |
| 第3章：自定义过滤器及开发插件 |
| 1.自定义全局过滤器 |
| 2.自定义局部过滤器 |
| 3. 开发插件 |
| 第4章：组件及组件间的通信 |
| 1.全局组件的注册及使用 |
| 2.组件的再认识 |
| 3.局部组件的注册及使用 |
| 4.动态组件的应用 |
| 5.is特殊特性的使用 |
| 6.text/X-Template类型应用 |
| 7.父子组件如何定义及使用 |
| 8.子组件访问父组件中的数据 |
| 9.组件中props选项用法深入 |
| 10.子组件访问父组件中的数据练习与总结 |
| 11.父组件访问子组件中的数据 |
| 12.如何使父组件数据修改了子组件数据跟着改变 |
| 13.如何使子组件数据修改了父组件数据跟着变化 |
| 14.非父子组件间的通信 |
| 15.通过solt组件分发内容 |
| 16.用v-slot指令替代slot |
| 17.作用域插槽的应用举例 |
| 18.使用 ref 获取子组件对象[数据、方法] |
| 第5章：使用axios发送http请求实战 |
| 1.axios简介与安装及promise对象认识 |
| 2.使用axios发送ajax请求详解 |
| 3.通过axios.get发送ajax请求 |
| 4. 通过axios.post发送ajax请求 |
| 5.跨域请求——本身已允许跨域访问的接口 |
| 6.跨域请求—访问webAPI接口（要配置允许跨域） |
| 第6章：Vue Router实现路由控制实战 |
| 1. 什么是单页面应用及实现前端路由的基本原理 |
| 2.使用Vue Router实现前端路由控制 |
| 3. Vue Router实现前端路由控制完善理解 |
| 4.前端路由嵌套 |
| 5.路由之间传参的两种方式及路由信息获取 |
| 6.实现路由导航跳转的几种方式 |
| 7.命名路由和命名视图 |
| 8.如何实现组件与路由间的解耦 |
| 第7章： Webpack资源打包工具实战快速入门 |
| 1.前端模块化、组件化开发初步了解 |
| 2.webpack的基本认识 |
| 3.webpack安装 |
| 4.webpack快速入门实操1 |
| 5. webpack快速入门实操2 |
| 第8章：EcmaScript6在Vue项目常用语法精讲 |
| 1.什么EcmaScript6与ES6 变量声明等常用语法1 |
| 2.箭头函数、对象初始化简写等ES6常用语法2 |
| 3.ES6中的导入导出默认成员 |
| 4.ES6中的导入导出非默认成员 |
| 第9章：webpack与常用插件结合使用实战 |
| 1.使用webpack结合插件打包css资源 |
| 2.使用webpack结合插件打包image资源 |
| 3.使用webpack配合HtmlWebpackPlugin插件解决文件路径 |
| 4.使用webpack配合webpack-dev-server插件实现自动打包和刷新页面 |
| 5.使用webpack配合babel解决浏览器的兼容性 |
| 第10章：Vue-Loader打包单文件组件实战 |
| 1.webpack结合Vue-Loader打包单文件组件认识 |
| 2.webpack结合Vue-Loader打包单文件组件实战 |
| 3. 持续改进——采用render函数渲染组件 |
| 4.完善改进——丰富Vue单文件组件 |
| 5.webpack模块热替换（HMR） |
| 第11章：运用Vue CLI4.X脚手架构建项目实战 |
| 1.什么是Vue CLI及其安装 |
| 2.利用Vue CLI搭建Vue单页面项目——默认配置 |
| 3.利用Vue CLI搭建Vue单页面项目—自定义配置 |
| 4.CLI服务命令的使用 |
| 5.CLI脚手架创建的项目基本结构归纳解析 |
| 6.通过vue.config.js自定义配置选项 |
| 7.Eslint插件语法规则和配置 |
| 8.在脚手架项目中引入axios发送ajax请求 |
| 第12章：Element UI应用精讲 |
| 1. Element快速上手 |
| 2.Layout布局 |
| 3.Container 布局容器和Color色彩 |
| 4. Typography 字体和Border 边框 |
| 5. Icon 图标、按钮和Link 文字链接 |
| 6. Radio 单选框和Checkbox 多选框 |
| 7.Input 输入框和InputNumber 计数器 |
| 8.Select 选择器和Cascader 级联选择器 |
| 9.Switch 开关和Slider 滑块 |
| 10. Upload 上传 |
| 第13章：Vuex状态管理应用实战 |
| 1. Vuex用来解决什么问题 |
| 2.创建vuex状态管理器 |
| 3. vuex状态管理器的基本应用 |
| 4.vuex状态管理器的基本使用改进——提交载荷 |
| 5.通过Action提交突变，修改状态数据 |
| 6. 派生属性getters |
| 7.Vuex模块化管理 |
| 8. Vuex模块化管理改进——Vuex标准项目结构 |
| 9. 改变上面例子需求，增加逻辑判断 |
| 10.事件类型及创建根级别的store对象文件 |
| 第14章：mock数据生成器和创建服务接口实战精讲 |
| 1. mock初步了解 |
| 2.mock数据模板定义规范DTD（1） |
| 3.mock数据模板定义规范DTD（2） |
| 4.mock数据占位符定义规范 DPD（1） |
| 5. mock数据占位符定义规范 DPD（2） |
| 6.使用easymock创建后台服务接口 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。
- 课程资料+课件
超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）
- 常用开发实战
企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。
「什么样的技术人适合学习？」
- 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。
「悉心打造精品好课，26天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握Vue知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
「你可以收获什么？」
在vue 的前端开发中熟练使用axios、vue Router、webpack、ES6、Vue-cli、Element UI、Vuex、Mock和Easymock等技术
掌握vue实例常用属性、自定义指令、过滤器的使用
灵活掌握组件和组件间的通信
![\"\"](\"https://img.it610.com/image/info8/59a1055f1dc842a5bb656f11766ad57e.jpg\")