Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇 Vue实例常用的属性和方法 vm.$el、vm.$data、vm.$options、vm.$refs (Vue实例常用属性)

Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇
共99节 1111人在学 课程详情
课程目录
讨论留言
  • 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创建后台服务接口

反馈

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

课时介绍

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

课程介绍

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


推荐课程

信息系统项目管理师自考笔记

李明 · 721人在学

python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

王先生 · 22093人在学

手把手搭建Java超市管理系统【附源码】(毕设)

汤小洋 · 4203人在学

Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

黄菊华 · 788人在学

基于SSM酒店管理系统(毕设)

小尼老师 · 841人在学

java项目实战之购物商城(java毕业设计)

Long · 5153人在学

手把手搭建Java求职招聘系统【附源码】(毕设)

汤小洋 · 1506人在学

Python Django 深度学习 小程序

钟翔 · 2319人在学

城管局门前三包管理系统+微信小程序(vue+springboot)

赖国荣 · 598人在学

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

李杰 · 3985人在学

正在试验
后自动删除环境
课程实验
本次实验时间已到期 00:00:00

    订阅失败

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

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

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

    购买课程

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

    加载中...
    课件正在飞速打包中,请耐心等待几秒钟~

    视频问题反馈

    提交遇到的问题我们会尽快解决的 ~