web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex

课程详情

课程标题

web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex

适合人群

  • web前端开发工程师

学习收获

  • 系统学习vue框架,从基础知识点开始
  • 通过脚手架搭建项目,学习重点插件
  • 掌握vue组件、路由、axios、vuex等知识
  • 通过案例巩固知识,如备忘录、商品列表等

课程亮点

  • vue框架整体介绍及项目引入
  • vue基础知识学习,包括数据结构、指令、事件触发等
  • 计算属性、事件绑定、表单输入绑定、过滤器、自定义指令等讲解
  • vue组件系统学习,包括在node.js环境中使用vue脚手架搭建项目
  • 路由知识点讲解,如编程式、嵌套路由、动态路由、程序化导航等
  • axios插件应用,实现前后端数据通信
  • vuex状态管理插件学习,包括高级操作和模块封装
  • 第三方插件导入和应用
  • 梳理针对vue开发的综合项目百草味的案例需求

课程目录

01 vue框架的整体介绍以及通过归档的方法下载vue.js文件
  01 vue框架的整体介绍.mp4
  02 通过归档的方法下载vue.js文件以及项目引入.mp4
02 学习vue的基础知识:数据结构+各种指令的学习+事件的触发
  01 介绍数据层data,视图层view 和vm层.mp4
  02 声明周期钩子函数的学习.mp4
  03 指令v-model 和mustache语法.mp4
  04 视图层标签绑定事件以及标签显示隐藏的指令.mp4
  05 学习条件渲染指令和列表渲染指令.mp4
  06 通过一个案例来应用条件渲染和列表渲染.mp4
  07 对象数据渲染到视图层以及总结.mp4
  08 Class 与 Style 绑定.mp4
03 计算属性的讲解及事件绑定,表单输入绑定以及过滤器,自定义指令
  01 复习上一节课的内容.mp4
  02 计算属性的原理.mp4
  03 计算属性与普通方法的区别.mp4
  04 计算属性与侦听属性的区别.mp4
  05 计算属性与侦听属性的区别(二)+事件绑定.mp4
  06 事件绑定以及表单输入绑定.mp4
  07 过滤器的创建以及自定义指令.mp4
  08 自定义指令.mp4
04 通过案例来巩固前面的知识:开发备忘录的案例+商品列表案例
  01 梳理开发案例的流程.mp4
  02 继续梳理案例开发的整体思路.mp4
  03 创建案例所需要的各个分支模块.mp4
  04 开始创建项目创建视图层数据层以及vm层.mp4
  05 完成备忘录中的添加删除功能.mp4
  06 开发商品列表案例创建视图层数据层vm层.mp4
  07 商品列表案例:添加商品.mp4
  08 商品列表:商品列表+删除商品+改变商品数.mp4
  09 通过计算属性来计算总商品价格.mp4
05 vue组件的系统学习
  01 介绍什么是组件以及如何理解父子组件.mp4
  02 定义全局组件和局部组件.mp4
  03 组件的视图层数据层分别怎么创建.mp4
  04 组件创建方法以及子组件的一些数据渲染.mp4
  05 把父组件的数据传递到子组件中使用.mp4
  06 通过自定义事件把子组件的数据传递到父组件.mp4
  07 非父子组件之间数据的传递.mp4
  08 继续讲解非父子间如何传递数据.mp4
  09 梳理各种情况下数据的传递.mp4
  10 讲解插槽的用法.mp4
  11 动态组件的学习.mp4
  12 添加用户信息以及删除用户信息的案例.mp4
06 在node.js环境中通过vue脚手架来搭建项目以及学习
  01 认识node.js.mp4
  02 了解node.js,npm,vue-cli等专业术语.mp4
  03 通过脚手架创建项目的流程.mp4
  04 继续讲解通过vue-cli搭建项目的过程.mp4
  05 安装项目成功之后介绍整个项目的结构.mp4
  06 如何新建一个组件.mp4
  07 对脚手架搭建项目做整体的回顾梳理工作.mp4
  08 对脚手架搭建项目做整体的回顾梳理工作.mp4
07 讲解路由的知识点:编程式,嵌套路由,动态路由,程序化导航等
  01 对上节课的知识点进行讲解.mp4
  02 创建组件如何书写视图层数据层以及导出组件.mp4
  03 讲解路由是如何在vue框架中导入以及使用的.mp4
  04 介绍ES6 的语法.mp4
  05 创建路由.mp4
  06 讲解编程式路由.mp4
  07 动态路由传参数.mp4
  08 嵌套路由的讲解.mp4
  09 程序化导航.mp4
08 通过商品列表的案例来学习vue相关的知识点
  01 复习上一节课知识点.mp4
  02 项目中头部和底部单独封装到组件中.mp4
  03 讲解路由中命名视图.mp4
  04 通过案例来巩固路由相关的知识点.mp4
  05 案例商品列表:导航样式的切换.mp4
  06 通过嵌套路由完成二级商品列表的创建.mp4
  07 通过动态路由完成组件之间的数据传递.mp4
  08 创建二级商品列表对应的商品详情界面.mp4
  09 继续完善商品列表的一二级之间的关系.mp4
  10 导航守卫的介绍.mp4
  11 继续添加商品列表的三级.mp4
  12 完善多级商品列表的案例.mp4
  13 创建导航守卫.mp4
  14 导航守卫在项目中的应用(一).mp4
  15 讲解导航守卫在项目中的应用(二).mp4
  16 讲解导航守卫在项目中的应用(三).mp4
  17 静态资源的导入:css文件,js文件,img图片.mp4
  18 静态资源的导入:css文件,js文件,img图片(二).mp4
09 axios插件的应用:实现前后端数据的通信
  01 下载,导入和使用axios插件.mp4
  02 通过axios实现get和post的两种通信方式.mp4
10 学习vuex状态管理插件
  01 下载导入和使用vuex.mp4
  02 系统的介绍vuex.mp4
  03 把vuex注入到vue中并且创建状态.mp4
  04 vuex中的状态值在组件中渲染.mp4
  05 在vuex中创建mutations来改变状态值.mp4
  06 在组件中触发方法传递数据到mutations中.mp4
  07 创建actions的方法并且在组件中触发方法.mp4
  08 讲解项目中如何使用vuex.mp4
  09 按照项目中模块来创建不同的vuex中的模块.mp4
  10 项目中模块来创建不同的vuex中的模块(二).mp4
  11 项目中模块来创建不同的vuex中的模块(三).mp4
  12 项目中模块来创建不同的vuex中的模块(四).mp4
11 在项目中导入第三方的插件以及如何应用
  01 内置插件与第三方插件的导入方法的区别.mp4
  02 介绍如何从网络中寻找插件进行下载.mp4
  03 导入vue-swipe 插件学习安装导入和使用.mp4
  04 在实际项目中导入vue-swipe插件.mp4
  05 在实际项目中导入vue-swipe插件(二).mp4
  06 介绍第三方日期插件以及如何导入使用.mp4
  07 在项目中导入jquery插件以及Bootstrap.mp4
  08 在项目中导入jquery插件以及Bootstrap.mp4
12 梳理针对vue开发的综合项目百草味的案例需求
  01 梳理针案例需求(二).mp4
  02 梳理针案例需求(一).mp4