Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇

Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇
共99节 1116人在学 课程详情

  • Vue实例常用的属性和方法

    • vm.$el、vm.$data、vm.$options、vm.$refs （Vue实例常用属性）
    • vm.$mount（）、vm.$nextTick() （Vue实例常用方法——生命周期）
    • vm.$set() vm.$delete()（Vue实例常用方法——为对象添加和删除属性）

  • 自定义指令及过度（动画）

    • 自定义全局指令（1）
    • 自定义全局指令（2）
    • 自定义局部指令
    • 过度效果实现
    • 通过钩子函数在动画呈现的不同时机做不同事情
    • 动画效果的实现
    • 结合第三方动画库animate.css一起使用
    • 多元素动画

  • 自定义过滤器及开发插件

    • 自定义全局过滤器
    • 自定义局部过滤器
    • 开发插件

  • 组件及组件间的通信

    • 全局组件的注册及使用
    • 组件的再认识
    • 局部组件的注册及使用
    • 动态组件的应用
    • is特殊特性的使用
    • text/X-Template类型应用
    • 父子组件如何定义及使用
    • 子组件访问父组件中的数据
    • 组件中props选项用法深入
    • 子组件访问父组件中的数据练习与总结
    • 父组件访问子组件中的数据
    • 如何使父组件数据修改了子组件数据跟着改变
    • 如何使子组件数据修改了父组件数据跟着变化
    • 非父子组件间的通信
    • 通过solt组件分发内容
    • 用v-slot指令替代slot
    • 作用域插槽的应用举例
    • 使用 ref 获取子组件对象[数据、方法]

  • 使用axios发送http请求实战

    • axios简介与安装及promise对象认识
    • 使用axios发送ajax请求详解
    • 通过axios.get发送ajax请求
    • 通过axios.post发送ajax请求
    • 跨域请求——本身已允许跨域访问的接口
    • 跨域请求—访问webAPI接口（要配置允许跨域）

  • Vue Router实现路由控制实战

    • 什么是单页面应用及实现前端路由的基本原理
    • 使用Vue Router实现前端路由控制
    • Vue Router实现前端路由控制完善理解
    • 前端路由嵌套
    • 路由之间传参的两种方式及路由信息获取
    • 实现路由导航跳转的几种方式
    • 命名路由和命名视图
    • 如何实现组件与路由间的解耦

  • Webpack资源打包工具实战快速入门

    • 前端模块化、组件化开发初步了解
    • webpack的基本认识
    • webpack安装
    • webpack快速入门实操1
    • webpack快速入门实操2

  • EcmaScript6在Vue项目常用语法精讲

    • 什么EcmaScript6与ES6 变量声明等常用语法1
    • 箭头函数、对象初始化简写等ES6常用语法2
    • ES6中的导入导出默认成员
    • ES6中的导入导出非默认成员

  • webpack与常用插件结合使用实战

    • 使用webpack结合插件打包css资源
    • 使用webpack结合插件打包image资源
    • 使用webpack配合HtmlWebpackPlugin插件解决文件路径
    • 使用webpack配合webpack-dev-server插件实现自动打包和刷新页面
    • 使用webpack配合babel解决浏览器的兼容性

  • Vue-Loader打包单文件组件实战

    • webpack结合Vue-Loader打包单文件组件认识
    • webpack结合Vue-Loader打包单文件组件实战
    • 持续改进——采用render函数渲染组件
    • 完善改进——丰富Vue单文件组件
    • webpack模块热替换（HMR）

  • 运用Vue CLI4.X脚手架构建项目实战

    • 什么是Vue CLI及其安装
    • 利用Vue CLI搭建Vue单页面项目——默认配置
    • 利用Vue CLI搭建Vue单页面项目—自定义配置
    • CLI服务命令的使用
    • CLI脚手架创建的项目基本结构归纳解析
    • 通过vue.config.js自定义配置选项
    • Eslint插件语法规则和配置
    • 在脚手架项目中引入axios发送ajax请求

  • Element UI应用精讲

    • Element快速上手
    • Layout布局
    • Container 布局容器和Color色彩
    • Typography 字体和Border 边框
    • Icon 图标、按钮和Link 文字链接
    • Radio 单选框和Checkbox 多选框
    • Input 输入框和InputNumber 计数器
    • Select 选择器和Cascader 级联选择器
    • Switch 开关和Slider 滑块
    • Upload 上传

  • Vuex状态管理应用实战

    • Vuex用来解决什么问题
    • 创建vuex状态管理器
    • vuex状态管理器的基本应用
    • vuex状态管理器的基本使用改进——提交载荷
    • 通过Action提交突变，修改状态数据
    • 派生属性getters
    • Vuex模块化管理
    • Vuex模块化管理改进——Vuex标准项目结构
    • 改变上面例子需求，增加逻辑判断
    • 事件类型及创建根级别的store对象文件

  • mock数据生成器和创建服务接口实战精讲

    • mock初步了解
    • mock数据模板定义规范DTD（1）
    • mock数据模板定义规范DTD（2）
    • mock数据占位符定义规范 DPD（1）
    • mock数据占位符定义规范 DPD（2）
    • 使用easymock创建后台服务接口

    订阅失败

    Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇
    Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇 ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    1）掌握Vue.js全家桶技术 （2）掌握单页面前后端分离项目开发，并知其所以然，理解MVVM框架思想。所有技术采用官网最新版技术 （3）让不会前端的后端开发人员，快速精通Vue.js全家桶技术。

    课程介绍

    本课程主要讲解vue实例常用属性和方法、自定义指令、自定义过滤器、过度、开发插件、组件及组件间的通信、使用axios发送http请求、使用Vue Router实现路由控制，使用webpack打包工具的用法、ES6的语法、webpack与各种插件的配合使用、Vue cli脚手架的搭建、Element UI的应用、Vuex的应用、Mock和Easymock的应用.


    推荐课程
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～