• 讲师平台
    • 我的学习
    • 消息
    购买 ¥29.00

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

    共102节219人学习刘建萍 课程详情 领证书
    • vue框架的整体介绍以及通过归档的方法下载vue.js文件

      • vue框架的整体介绍
      • 通过归档的方法下载vue.js文件以及项目引入
    • 学习vue的基础知识:数据结构+各种指令的学习+事件的触发

      • 介绍数据层data,视图层view 和vm层
      • 声明周期钩子函数的学习
      • 指令v-model 和mustache语法
      • 视图层标签绑定事件以及标签显示隐藏的指令
      • 学习条件渲染指令和列表渲染指令
      • 通过一个案例来应用条件渲染和列表渲染
      • 对象数据渲染到视图层以及总结
      • Class 与 Style 绑定
    • 计算属性的讲解及事件绑定,表单输入绑定以及过滤器,自定义指令

      • 复习上一节课的内容
      • 计算属性的原理
      • 计算属性与普通方法的区别
      • 计算属性与侦听属性的区别
      • 计算属性与侦听属性的区别(二)+事件绑定
      • 事件绑定以及表单输入绑定
      • 过滤器的创建以及自定义指令
      • 自定义指令
    • 通过案例来巩固前面的知识:开发备忘录的案例+商品列表案例

      • 梳理开发案例的流程
      • 继续梳理案例开发的整体思路
      • 创建案例所需要的各个分支模块
      • 开始创建项目创建视图层数据层以及vm层
      • 完成备忘录中的添加删除功能
      • 开发商品列表案例创建视图层数据层vm层
      • 商品列表案例:添加商品
      • 商品列表:商品列表+删除商品+改变商品数
      • 通过计算属性来计算总商品价格
    • vue组件的系统学习

      • 介绍什么是组件以及如何理解父子组件
      • 定义全局组件和局部组件
      • 组件的视图层数据层分别怎么创建
      • 组件创建方法以及子组件的一些数据渲染
      • 把父组件的数据传递到子组件中使用
      • 通过自定义事件把子组件的数据传递到父组件
      • 非父子组件之间数据的传递
      • 继续讲解非父子间如何传递数据
      • 梳理各种情况下数据的传递
      • 讲解插槽的用法
      • 动态组件的学习
      • 添加用户信息以及删除用户信息的案例
      • 添加用户信息以及删除用户信息的案例
      • 添加用户信息以及删除用户信息的案例
      • 动态组件的学习
      • 添加用户信息以及删除用户信息的案例
    • 在node.js环境中通过vue脚手架来搭建项目以及学习

      • 认识node.js
      • 了解node.js,npm,vue-cli等专业术语
      • 通过脚手架创建项目的流程
      • 继续讲解通过vue-cli搭建项目的过程
      • 安装项目成功之后介绍整个项目的结构
      • 如何新建一个组件
      • 对脚手架搭建项目做整体的回顾梳理工作
      • 对脚手架搭建项目做整体的回顾梳理工作
    • 讲解路由的知识点:编程式,嵌套路由,动态路由,程序化导航等

      • 对上节课的知识点进行讲解
      • 创建组件如何书写视图层数据层以及导出组件
      • 讲解路由是如何在vue框架中导入以及使用的
      • 介绍ES6 的语法
      • 创建路由
      • 讲解编程式路由
      • 动态路由传参数
      • 嵌套路由的讲解
      • 程序化导航
    • 通过商品列表的案例来学习vue相关的知识点

      • 复习上一节课知识点
      • 项目中头部和底部单独封装到组件中
      • 讲解路由中命名视图
      • 通过案例来巩固路由相关的知识点
      • 案例商品列表:导航样式的切换
      • 通过嵌套路由完成二级商品列表的创建
      • 通过动态路由完成组件之间的数据传递
      • 继续完善商品列表的一二级之间的关系
      • 创建二级商品列表对应的商品详情界面
      • 导航守卫的介绍
      • 继续添加商品列表的三级
      • 完善多级商品列表的案例
      • 创建导航守卫
      • 导航守卫在项目中的应用(一)
      • 讲解导航守卫在项目中的应用(二)
      • 讲解导航守卫在项目中的应用(三)
      • 讲解导航守卫在项目中的应用(三)
      • 静态资源的导入:css文件,js文件,img图片(二)
    • axios插件的应用:实现前后端数据的通信

      • 下载,导入和使用axios插件
      • 通过axios实现get和post的两种通信方式
    • 学习vuex状态管理插件

      • 下载导入和使用vuex
      • 系统的介绍vuex
      • 把vuex注入到vue中并且创建状态
      • vuex中的状态值在组件中渲染
      • 在vuex中创建mutations来改变状态值
      • 在组件中触发方法传递数据到mutations中
      • 创建actions的方法并且在组件中触发方法
      • 讲解项目中如何使用vuex
      • 按照项目中模块来创建不同的vuex中的模块
      • 项目中模块来创建不同的vuex中的模块(二)
      • 项目中模块来创建不同的vuex中的模块(三)
      • 项目中模块来创建不同的vuex中的模块(四)
    • 在项目中导入第三方的插件以及如何应用

      • 内置插件与第三方插件的导入方法的区别
      • 介绍如何从网络中寻找插件进行下载
      • 导入vue-swipe 插件学习安装导入和使用
      • 在实际项目中导入vue-swipe插件
      • 在实际项目中导入vue-swipe插件(二)
      • 介绍第三方日期插件以及如何导入使用
      • 在项目中导入jquery插件以及Bootstrap
      • 在项目中导入jquery插件以及Bootstrap
    • 梳理针对vue开发的综合项目百草味的案例需求

      • 梳理针案例需求(一)
      • 梳理针案例需求(二)
    0/1024
    暂无留言

      订阅失败

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

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

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

      购买课程

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

      加载中...
      正在试验
      后自动删除环境
      课程实验
      本次实验时间已到期 00:00:00
      程序员研修院 v1.1.0
      一、播放器优化
      修改播放器默认倍速设置,增加1.25倍速
      调整目录展示形式,增加折叠/展开
      优化播放器的使用体验,有播放问题可以点击播放页内的”反馈“提交问题
      查看全部版本记录
      课件正在飞速打包中,请耐心等待几秒钟~