# 学习资源

<!-- TOC -->

- [学习资源](#学习资源)
  - [Vue 部分](#vue-部分)
    - [官方教程](#官方教程)
    - [代码风格指南](#代码风格指南)
  - [UI 组件库：Ant Design for Vue](#ui-组件库ant-design-for-vue)
    - [组合场景演示](#组合场景演示)
    - [组件库](#组件库)
  - [路由](#路由)
    - [简要介绍](#简要介绍)
    - [详细介绍](#详细介绍)
  - [信创 OA 开发手册](#信创-oa-开发手册)
  - [实际演练](#实际演练)
  - [Git 相关](#git-相关)
    - [分支模型](#分支模型)
  - [其他链接](#其他链接)

<!-- /TOC -->

## Vue 部分

### 官方教程

<https://cn.vuejs.org/v2/guide/>

可以先用直接引入 script 的方式，不需要装 vue-cli 和 webpack 打包。

这样找一个 http server 放静态文件就能实验效果了。

注意多动手试试，比光看效果要好。

**编辑器推荐 [VSCode](https://code.visualstudio.com/) 加 [Vetur](https://github.com/vuejs/vetur) 插件。**

### 代码风格指南

<https://cn.vuejs.org/v2/style-guide/>

后续我们会基于这个指南，指定自己的代码规范

## UI 组件库：Ant Design for Vue

### 组合场景演示

<https://preview.pro.antdv.com/> （用户名密码看输入框的提示）

### 组件库

<https://1x.antdv.com/components/button-cn/>

## 路由

### 简要介绍

<https://cn.vuejs.org/v2/guide/routing.html>

### 详细介绍

<https://router.vuejs.org/zh/guide/>

## 信创 OA 开发手册

<http://172.20.98.35/>

## 实际演练

用现有的移动端接口，做一个

登录页->待办列表->详情页

的最小功能验证。路由使用 vue-router，http 请求使用 axios。

## Git 相关

### 分支模型

[一个成功的 Git 建立分支模型](https://juejin.im/entry/570cca4271cfe4006735d3bd) ([英文版](https://nvie.com/posts/a-successful-git-branching-model/))

## 其他链接

<https://www.maxpou.fr/3-tips-scaling-vue-application> <https://juejin.im/post/5b67e49551882508603d1431> <https://medium.com/helpspace/vue-router-dynamic-nested-routes-d8ff34550f99>
