Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇PPT模板课件.pptx

1、v u e 全 家 桶 从 基 础 入 门 到 进 阶 项 目 实战 第 三 篇 中 级 进 阶 实 战 篇演讲人202x-11-11202x第一章：vue实例常用的属性和方法01 vm.$el、vm.$data、vm.$options、vm.$refs（vue实例常用属性）vm.$mount（）、vm.$nexttick()（vue实例常用方法生命周期）vm.$set()vm.$delete()（vue实例常用方法为对象添加和删除属性） vm.$mount（）、vm.$nextTick()（Vue实例常用方法生命周期） vm.$set()vm.$delete()（Vue实例常用方法为对象添加

2、和删除属性）第一章：vue实例常用的属性和方法第二章：自定义指令及过度（动画）02第二章：自定义指令及过度（动画）自定义局部指令动画效果的实现自定义全局指令（1）自定义全局指令（2）通过钩子函数在动画呈现的不同时机做不同事情过度效果实现020304050601第二章：自定义指令及过度（动画）结合第三方动画库animate.css一起使用多元素动画第三章：自定义过滤器及开发插件03第三章：自定义过滤器及开发插件自定义全局过滤器自定义局部过滤器开发插件第四章：组件及组件间的通信04第四章：组件及组件间的通信M.94275.CN0103全局组件的注册及使用组件的再认识局部组件的注册及使用020405

3、06动态组件的应用is特殊特性的使用text/x-template类型应用1父子组件如何定义及使用3组件中props选项用法深入2子组件访问父组件中的数据4子组件访问父组件中的数据练习与总结第四章：组件及组件间的通信5父组件访问子组件中的数据6如何使父组件数据修改了子组件数据跟着改变第四章：组件及组件间的通信ABCDEF如何使子组件数据修改了父组件数据跟着变化通过solt组件分发内容作用域插槽的应用举例非父子组件间的通信用v-slot指令替代slot使用ref获取子组件对象数据、方法第五章：使用axios发送http请求实战051axios简介与安装及promise对象认识3通过axios.g

4、et发送ajax请求2使用axios发送ajax请求详解4通过axios.post发送ajax请求第五章：使用axios发送http请求实战5跨域请求本身已允许跨域访问的接口6跨域请求访问webAPI接口（要配置允许跨域）第六章：vuerouter实现路由控制实战061什么是单页面应用及实现前端路由的基本原理3VueRouter实现前端路由控制完善理解2使用VueRouter实现前端路由控制4前端路由嵌套第六章：vuerouter实现路由控制实战5路由之间传参的两种方式及路由信息获取6实现路由导航跳转的几种方式第六章：vuerouter实现路由控制实战命名路由和命名视图如何实现组件与路由间的解

5、耦第七章：webpack资源打包工具实战快速入门07第七章：webpack资源打包工具实战快速入门前端模块化、组件化开发初步了解webpack的基本认识webpack安装webpack快速入门实操1webpack快速入门实操2第八章：ecmascript6在vue项目常用语法精讲08第八章：ecmascript6在vue项目常用语法精讲什么ecmascript6与es6变量声明等常用语法1箭头函数、对象初始化简写等es6常用语法2es6中的导入导出默认成员es6中的导入导出非默认成员箭头函数、对象初始化简写等ES6常用语法2ES6中的导入导出默认成员ES6中的导入导出非默认成员第九章：webp

6、ack与常用插件结合使用实战09第九章：webpack与常用插件结合使用实战一使用webpack结合插件打包css资源使用webpack结合插件打包image资源使用webpack配合htmlwebpackplugin插件解决文件路径使用webpack配合webpack-dev-server插件实现自动打包和刷新页面使用webpack配合babel解决浏览器的兼容性二使用webpack结合插件打包image资源三使用webpack配合HtmlWebpackPlugin插件解决文件路径四使用webpack配合webpack-dev-server插件实现自动打包和刷新页面五使用webpack配合b

7、abel解决浏览器的兼容性第十章：vue-loader打包单文件组件实战10第十章：vue-loader打包单文件组件实战一webpack结合vue-loader打包单文件组件认识webpack结合vue-loader打包单文件组件实战持续改进采用render函数渲染组件完善改进丰富vue单文件组件webpack模块热替换（hmr）二webpack结合Vue-Loader打包单文件组件实战三持续改进采用render函数渲染组件四完善改进丰富Vue单文件组件五webpack模块热替换（HMR）第十一章：运用vuecli4.x脚手架构建项目实战11第十一章：运用vuecli4.x脚手架构建项目实战

8、ABCDEF什么是vuecli及其安装利用vuecli搭建vue单页面项目默认配置利用vuecli搭建vue单页面项目自定义配置cli服务命令的使用cli脚手架创建的项目基本结构归纳解析通过vue.config.js自定义配置选项第十一章：运用vuecli4.x脚手架构建项目实战eslint插件语法规则和配置在脚手架项目中引入axios发送ajax请求在脚手架项目中引入axios发送ajax请求第十二章：elementui应用精讲12第十二章：elementui应用精讲M.94275.CNlayout布局02icon图标、按钮和link文字链接05element快速上手01typography

9、字体和border边框04container布局容器和color色彩03radio单选框和checkbox多选框06第十二章：elementui应用精讲input输入框和inputnumber计数器select选择器和cascader级联选择器switch开关和slider滑块upload上传Select选择器和Cascader级联选择器Switch开关和Slider滑块Upload上传第十三章：vuex状态管理应用实战13第十三章：vuex状态管理应用实战01vuex用来解决什么问题02创建vuex状态管理器03vuex状态管理器的基本应用04vuex状态管理器的基本使用改进提交载荷05通过

10、action提交突变，修改状态数据06派生属性getters第十三章：vuex状态管理应用实战vuex模块化管理vuex模块化管理改进vuex标准项目结构改变上面例子需求，增加逻辑判断事件类型及创建根级别的store对象文件Vuex模块化管理改进Vuex标准项目结构改变上面例子需求，增加逻辑判断事件类型及创建根级别的store对象文件第十四章：mock数据生成器和创建服务接口实战精讲14mock初步了解mock数据模板定义规范dtd（1）mock数据模板定义规范dtd（2）mock数据占位符定义规范dpd（1）mock数据占位符定义规范dpd（2）使用easymock创建后台服务接口第十四章：mock数据生成器和创建服务接口实战精讲单击此处添加文本具体内容，简明扼要的阐述您的观点。根据需要可酌情增减文字，以便观者准确的理解您传达的思想。单击此处添加标题感谢聆听202x