# vue-subject

**Repository Path**: pointsZHY/vue-subject

## Basic Information

- **Project Name**: vue-subject
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一个Vue教程

## 课题大纲

## vue简单介绍

### vue开发环境介绍+搭建   周一下午 10-20分钟

- vue介绍    (简单介绍--vue 有什么特性，跟之前的页面开发区别)
- vue兼容性   (vue 对浏览器兼容性 简单介绍)
- 直接`<script></script>`引用使用  (不搭建 环境的情况下使用 vue 简单介绍,因为基本上很少用)
- npm使用  (使用 npm 来构建vue开发环境)

### vue基本语法介绍+使用 + vue-cli介绍+使用     (一个Demo)  周一下午 30分钟

- vue-cli 快速搭建项目 (利用 vue-cli快速搭建项目)
- vue 语法  (简单的语法介绍)
  - vue 插值 (如何让数据展示到页面上)
- vue 指令 (常用指令介绍+使用)
  - if
  - for
  - bind
- vue 下编写样式
  - class
  - 多个class

### vue生命周期 + 常用方法介绍   (一个Demo)   周一下午 40分钟

- 数据/方法
  - data
  - props
  - computed
  - methods
  - watch

- 生命周期
  - beforeCreate
  - created
  - beforeMount
  - mounted
  - beforeUpdate
  - updated
  - beforeDestory
  - destroyed

### 父子组件介绍 + vue+vueX+vueRouter   (一个Demo)  周一下午  30分钟

- 父组件引入子组件
- 父子组件传参
  - 父--->子
  - 子--->父
- vue结合vueX
- vue里面vueRouter使用

### vue第三方UI组件 element-ui 简单介绍+使用  (一个Demo)  周二 下午 30分钟

- vue结合第三方UI组件 element-ui  (ui组件)
- vue结合第三方Echarts 使用  (基本图标)
- vue封装通用 axios 使用  (异步请求)
- vue封装通用组件

## PC端简单案例  周二下午 1.5小时

### 定时器    (一个Demo)

- 再次理解 vue本身的 state 和 vueX

### 利用第三方UI组件实现一个简单查询table    (一个Demo)

- 项目结构
  - 公共方法
  - 公共组件
  - 路由创建
- 开发页面时如何布局
- 结合第三方ui组件 element-ui
- 结合Echarts 实现图表
- 调用后端接口
- 完成增删改查

## 移动端简单案例  周二下午 1小时

### EROS Demo    (一个Demo)

- 环境搭建
- 路由创建
- 第三方ui组件结合使用
- vueX 结合使用

## PPT

## 视频