您好,欢迎访问锦匠课堂!

13863911184

全国咨询热线

您现在所在位置:主页 > 培训课程 > 进阶提升 >

Vue.js核心技术解析

  • 新手入门
  • 基础内容
  • 实际操作

从Hello World 开始,以案例的形式深入浅出的讲解Vue.js,最终实现本套课程的学习目标! 共分为12个章节,包括Vue.js核心基础、Vue.js高级进阶、Axios发送HTT...

累计报名2000人

课程概述

课程目标:

掌握Vue前端框架,能使用Vue框架布局页面,实现组件复用,根据需求开发项目
 

课程简介:

从Hello World 开始,以案例的形式深入浅出的讲解Vue.js,最终实现本套课程的学习目标!
共分为12个章节,包括Vue.js核心基础、Vue.js高级进阶、Axios发送HTTP请求、Vuex状态管理、企业项目实战、Vue3.X新特性解析等,每个章节提供多个实战项目案例。
课程包括对Vue3.X新特性的讲解,带领大家及时掌握新技术。



课程大纲:

第一章:Vue.js基础入门

  • 第1节:课程简介
  • 第2节:什么是Vue.js
  • 第3节:MVVM前端视图层开发理念讲解
  • 第4节:详解插值表达式
  • 第5节:Vue基础指令
  • 第6节:v-bind指令
  • 第7节:v-on指令
  • 第8节:事件修饰符
  • 第9节:双向数据绑定
  • 第10节:使用v-model实现计算器案例
  • 第11节:v-for指令
  • 第12节:渲染学生列表
  • 第13节:删除学生


第二章:Vue.js绑定样式及案例

  • 第14节:Vue绑定class样式
  • 第15节:Vue绑定行内样式
  • 第16节:Vue绑定样式案例(标题排他)
  • 第17节:v-if和v-show指令
  • 第18节:v-if实现选项卡案例
  • 第19节:购物车实例简介
  • 第20节:记录选中总数量和总价格
  • 第21节:全选状态(上)
  • 第22节:全选状态(下)
  • 第23节:商品数量增加或减少


第三章:Vue.js生命周期函数

  • 第24节:创建期间生命周期函数
  • 第25节:运行期间生命周期函数


第四章:Vue.js动画

  • 第26节:Vue单组动画
  • 第27节:Vue定义多组动画
  • 第28节:使用animate动画库
  • 第29节:transition-group 列表动画


第五章:Vue.js组件

  • 第30节:创建全局组件
  • 第31节:创建私有组件
  • 第32节:组件中的data和methods
  • 第33节:组件选项卡切换案例
  • 第34节:动画组件
  • 第35节:父组件向子组件传值
  • 第36节:父组件向子组件传递方法
  • 第37节:子组件向父组件传值
  • 第38节:Vue获取DOM元素的方法(ref)


第六章:Vue.js路由

  • 第39节:什么是路由?
  • 第40节:路由控制组件切换
  • 第41节:路由重定向以及动画路由
  • 第42节:路由传参
  • 第43节:嵌套路由
  • 第44节:路由布局


第七章:Vue.js高级进阶

  • 第45节:安装Vue-cli
  • 第46节:Vue-cli目录结构
  • 第47节:Vue-cli运行机制
  • 第48节:Vue-cli选项卡案例
  • 第49节:私有过滤器
  • 第50节:全局过滤器
  • 第51节:Vue计算属性
  • 第52节:watch侦听属性
  • 第53节:slot插槽
  • 第54节:具名插槽(多数据传递)
  • 第55节:链式路由跳转
  • 第56节:全局路由守卫
  • 第57节:组件内路由守卫
  • 第58节:离开页面时守卫


第八章:element-ui/mint-ui组件库

  • 第59节:element-ui使用步骤
  • 第60节:mint-ui的使用(上)
  • 第61节:mint-ui的使用(下)


第九章:axios 发送HTTP请求

  • 第62节:安装axios
  • 第63节:配置全局域名
  • 第64节:axios 传递参数
  • 第65节:什么是promise
  • 第66节:Promise API(下)
  • 第67节:async与await


第十章:Vuex状态管理

  • 第68节:Vuex基础应用
  • 第69节:getters的使用
  • 第70节:mutations的使用
  • 第71节:mutations中传递参数
  • 第72节:actions的使用
  • 第73节:Vuex代码分离
  • 第74节:mapState辅助函数
  • 第75节:mapGetters辅助函数
  • 第76节:Vue-cli创建项目站点
  • 第77节:vuex修改登录状态(1)
  • 第78节:vuex修改登录状态(2)
  • 第79节:vuex修改登录状态(3)
  • 第80节:vuex修改登录状态(4)


第十一章:企业项目实战

  • 第81节:企业项目实战
  • 第82节:Vue-cli创建项目
  • 第83节:首页开发
  • 第84节:布局首页静态页面1
  • 第85节:布局首页静态页面2
  • 第86节:使用axios获取轮播图
  • 第87节:首页广告版块数据渲染
  • 第88节:首页商家推荐版块数据渲染
  • 第89节:首页其他版块数据渲染
  • 第90节:产品列表静态页面布局
  • 第91节:渲染全部产品页面数据
  • 第92节:产品价格排序和价格范围筛选
  • 第93节:产品价格范围筛选功能
  • 第94节:产品详情页面开发


第十二章:Vue3.X新特性解析

  • 第95节:Vue3.0新特性
  • 第96节:搭建Vue3.0项目
  • 第97节:什么是Composition API
  • 第98节:定义响应式数据
  • 第99节:reactive函数
  • 第100节:封装功能模块,增加代码复用
  • 第101节:Vue3生命周期
  • 第102节:computed的使用(上)
  • 第103节:computed的使用(下)
  • 第104节:watch监听的使用
  • 第105节:依赖注入
  • 第106节:Refs模板(上)
  • 第107节:Refs模板(下)
  • 第108节:readonly函数使用
  • 第109节:watchEffect()函数使用
  • 第110节:响应式系统工具集的使用(1)
  • 第111节:响应式系统工具集的使用(2)
  • 第112节:响应式系统工具集的使用(3)
  • 第113节:响应式系统工具集的使用(4)

热门推荐