vue应用与进阶

6人 购买 好评度 - 收藏
  • vue入门讲解
更多班级

vue入门讲解

上课时间:12月08日 至 23年12月

¥12.00

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即报名

课程概述

课程目录

学员评论

简  介 深入讲解vue原理,以及vue生态圈第三方应用
 
  1. Vue基础特性
    1. Vue实例
      1. 构造器
      2. 属性和方法
      3. 实例生命周期
    2. 模板语法以及常用内置指令
      1. 插值
      2. 常用内置指令的介绍
  2. 过滤器的使用以及计算属性
    2.1 过滤器的使用
2.2 计算属性
    2.2.1  computed的基本使用
    2.2.2  计算属性和methods方法的性能区别
    2.2.3  计算属性和watched属性的使用区别
    2.2.4  计算属性中get和set方法的使用
  1. Class与style绑定
    1. 绑定HTML Class
   3.1.1  对象语法
   3.1.2  数组语法
3.1.3  组件上的使用
  1. 绑定内联样式
    1. 对象语法
    2. 数组语法
    3. 自动添加前缀
    4. 多重值
  1. 条件渲染和列表渲染
    1. 条件渲染
      1. V-if
      2. V-else
      3. V-else-if
      4. V-show
      5. 用key管理可复用的元素
    2. 列表渲染
      1. 基本用法
      2. Template v-for
      3. 对象迭代 v-for
      4. 整数迭代 v-for
      5. 组件和 v-for
      6. v-for with v-if
      7. key属性的使用
      8. 数组的变异方法
      9. 重塑数组(非变异方法的使用)
      10. 显示过滤
  2. 事件处理器
    1. 监听事件
    2. 方法事件处理器
    3. 内联处理器方法
    4. 事件修饰符
    5. 键值修饰符
    6. 修饰键
  3. 表单控件绑定
    1. 基础用法
      1. 文本
      2. 多行文本
      3. 复选框
      4. 单选按钮
      5. 选择列表
    2. 绑定value
      1. 复选框
      2. 单选按钮
      3. 选择列表设置
6.3 修饰符
   6.3.1  lazy
   6.3.2  number
   6.3.3  trim
  1. 组件
    1. 组件的定义
    2. 组件的基本用法
      1. 注册
      2. 局部注册
      3. DOM模板解析说明
      4. Data必须是函数
      5. 构成组件
    3.   Prop
      1. 使用prop传递数据
      2. html属性传递的书写格式
      3. 动态prop
      4. 字面量语法和动态语法
      5. 单向数据流
      6. Prop验证
  2. 组件
    1. 自定义事件
      1. 使用v-on绑定自定义事件
      2. Sync修饰符
      3. 使用自定义事件的表单输入组件
      4. 定制组件的v-model
      5. 非父子组件通信
    2. 动态组件
      1. Keep-alive
8.3 高级用法
8.3.1   编写可复用组件
8.3.2   子组件索引
8.3.3   组件命名约定
8.3.4   递归组件
  1. 过渡效果
    1. 单元素的过渡
      1. 过渡的-css-类名
      2. Css过渡
      3. Css动画
      4. 自定义过渡类名
      5. 同时使用transitions和Animations
      6. 显性的过渡效果持续时间
      7. Js钩子函数
    2. 初始渲染的过渡
    3. 多个元素的过渡
      1. 过渡模式
    4. 多个组件的过渡
    5. 列表过渡
  2. 自定义指令
    1.   钩子函数
    2.   钩子函数参数
    3.   函数简写
    4.   对象字面量
  3. Render函数与插件
    1.  Render函数
      1. CreatElement参数
      2. 使用javaScript代替模板功能
      3. Jsx语法
      4. 函数化组件
    2.  插件
      1. 开发插件
      2. 使用插件
  4. Webpack的基本使用
    1.    安装与文件基本配置
   12.1.1 入口起点与输出
   12.1.2 加载器
  12.1.3 插件
  12.1.4 与bebal的结合
12.2 常用loader
  12.2.1 babel-loader
  12.2.2 css-loader
  12.2.3 html-loader
  12.2.4 eslink-loader
  12.2.5 style-loader
  12.2.6 vue-loader
12.2.5 url-loader
  1. Webpack的插件使用
    1.  CommonsChunkPlugin
    2.  HtmlWebpackPlugin
    3.  HotModuleReplacementPlugin
    4.  UglifyjsWebpackPlugin
    5.  手动搭建一个基于webpack的vue项目架构
  2. Vue-router插件
    1.  基本使用
      1. 引入到基于webpack的项目架构中使用
      2. 实例化路由
      3. 配置路由
      4. <router-link>
      5. Props
      6. Replace
      7. Tag
      8. Active-class
    2.  路由信息对象
      1. $route.path
      2. $route.params
      3. $route.query
      4. $route.hash
      5. $route.fullPath
      6. $route.matched
      7. $route.name
  3. Vue-router插件
    1.  Router实例属性
      1. Router.app
      2. Router.mode
      3. Router.currentRoute
    2.  Router实例方法
      1. Router.push()
      2. Router.replace()
      3. Router.go()
      4. Router.forward()
      5. Router.addRouters()
    3.  钩子函数
      1. BeforeRouteEnter
      2. beforeRouteUpdate 
      3. beforeRouteLeave
    4.  基于路由的数据获取
      1. 导航完成之后获取
      2. 导航完成之前获取
    5.  组件懒加载
  4. 常用插件使用
    1.   常用ui框架
      1. Element-ui
      2. Vux
      3. Mint-ui
      4. iview
    2.  常用js插件
      1. Vue-resource
      2. Vue-axios
      3. Vue-awesome-swipe
      4. echart
  5. 后台管理系统项目实践一
    1. 使用webpack搭建整个项目;
    2.    Webpack中间件进行数据接口的开放
  6.    后台管理系统项目实践二
    1.  使用 iview进行页面样式的搭建
    2.  对于项目中不同的模块进行组件的封装
  7.   移动端电商项目实践一
    1.  利用webpack的中间件开放模拟接口
    2.  使用vue-router搭建
    3.  使用mint-ui搭建样式
  8.  移动端电商项目实践二
    1.  部分滑动效果使用vue-awesome-swipe插件
    2.  数据请求使用axios

* 课程提供者:陈元广

老师还为你推荐了以下几门课程