最容易上手的Vue 2.0入门实战教程-免费资源网

最容易上手的Vue 2.0入门实战教程

【课程介绍】《Vue.js入门基础》讲师倾情推出的实战课程,使用Vue2.0版本,带你快速入门Vue2.0,完成从入门到实战的完美过渡,为之后使用Vue2.0做更高级的开发打下坚实的基础

【课程目录】

  • 第1章 课程简介讲解课程安排,面象人群,以及对课程的项目做了效果演示。
    • 1-1 课程简介
    • 1-2 vue2.0简介
  • 第2章 Vue简介对vue一些最基础的知识做了讲解:实例对象、vue组件以及vue的一些相关概念。
    • 2-1 vue三个特点
    • 2-2 Vue实例对象
    • 2-3 Vue的组件
    • 2-4 Vue的相关概念
  • 第3章 功能接口(1)对文本渲染v-html、v-text、列表渲染 v-for 数组,对象,子组件;列表数据的同步更新方法;vue标签属性和条件渲染;事件绑定-内置事件绑定、自定义事件绑定;表单事件绑定;计算属性和数据监听等进行了讲解。
    • 3-1 文本渲染-v-html、v-text
    • 3-2 列表渲染-v-for 数组,对象,子组件
    • 3-3 列表数据的同步更新方法
    • 3-4 vue标签属性和条件渲染
    • 3-5 事件绑定-内置事件绑定、自定义事件绑定
    • 3-6 事件绑定-表单事件绑定
    • 3-7 计算属性和数据监听
  • 第4章 功能接口(2)对组件之间通信;过渡动画:css实现过渡动画; JS实现过渡动画;自定义指令;插件;单文件组件等进行了讲解。
    • 4-1 组件之间的通信
    • 4-2 组件之间的通信-动态属性传递
    • 4-3 组件之间的通信-动态组件
    • 4-4 过渡动画-css实现过渡(上)
    • 4-5 过渡动画-css实现过渡(下)
    • 4-6 过渡动画-js实现过渡
    • 4-7 自定义指令
    • 4-8 插件
    • 4-9 单文件组件
  • 第5章 环境搭建和常用插件对vue-cli安装;ES6语法,vue-router,vuex状态管理进行了讲解。
    • 5-1 vue-cli安装(上)
    • 5-2 vue-cli安装(下)
    • 5-3 vue-router(什么是前端路由)
    • 5-4 vue-router(设置路由)
    • 5-5 vue-router(路由参数)
    • 5-6 vue-router(路由嵌套)
    • 5-7 vue-router(命名的路由视图、路由重定向)
    • 5-8 vue-router(使用过渡制作路由跳转动画)
    • 5-9 vuex状态管理(原理)
    • 5-10 vuex状态管理(实例)
  • 第6章 项目实践-首页实现项目框架搭建,首页:信息列表,vue-resource实现Ajax获取信息数据,express启动数据服务、幻灯片组件、登录等讲解。
    • 6-1 项目框架搭建(layout、路由切换)
    • 6-2 首页 – 信息列表 – 全部产品
    • 6-3 首页 – 信息列表 – 最新消息
    • 6-4 使用 axios 发送数据请求
    • 6-5 使用 Mockjs 来模拟数据
    • 6-6 首页 – 幻灯片组件(1)
    • 6-7 首页 – 幻灯片组件(2)
    • 6-8 首页 – 登录
    • 6-9 首页 – 登录组件(1)
    • 6-10 首页 – 登录组件(2)
  • 第7章 项目实践-购买详情页、订单列表对项目的添加路由,select选项组件,可多选项组件,数字组件,总价计算,选择择银行,订单列表做了详细的讲解。
    • 7-1 购买详情页 – 添加路由(1)
    • 7-2 购买详情页 – 添加路由(2)
    • 7-3 购买详情页 – select选项组件
    • 7-4 购买详情页 – 可多选项组件
    • 7-5 购买详情页 – 数字组件
    • 7-6 购买详情页 – 总价计算(1)
    • 7-7 购买详情页 – 总价计算(2)
    • 7-8 购买详情页 – 选择银行(1)
    • 7-9 购买详情页 – 选择银行(2)
    • 7-10 购买详情页 – 选择银行(3)
    • 7-11 列表页 – 订单列表页面(1)
    • 7-12 列表页 – 订单列表页面(2)
    • 7-13 课程总结
  • 第8章 课程扩展讲解vuex在定单列表页面的应用。
    • 8-1 select组件完善
    • 8-2 vuex在项目中的应用(1)
    • 8-3 vuex在项目中的应用(2)
    • 8-4 vuex在项目中的应用(3)

 最容易上手的Vue 2.0入门实战教程

 最容易上手的Vue 2.0入门实战教程

本站所有课程资源均为用户上传,如有侵权,请联系邮箱提供相应材料,我们会尽快删除
免费资源网 » 最容易上手的Vue 2.0入门实战教程