# z-vue3-ui

**Repository Path**: yjinit/z-vue3-ui

## Basic Information

- **Project Name**: z-vue3-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2021-09-08
- **Last Updated**: 2021-09-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 官网文档
[查看项目](http://wangfan.store)
### 项目介绍

本项目是为了学习vue3.0而写的一个组件库，使用`typescript`、`less`可以让你快速学习vue3的新特性。项目仅供学习。（请勿在生产环境中使用）

### 重要概念

    1. 数据响应式
    2. 组件化
    3. 编译
    4. 事件、双向绑定、插槽
    5. 缓存组件、动画（transition）
    6. Vue-Router
    9. Vuex

### 组件计划

- [x] switch组件
- [x] button组件
- [x] table组件
- [x] modal组件
- [ ] table组件
- [ ] scroll组件
- [ ] Datepicker组件
- [ ] form组件

### 代码风格计划

- [x] 后面的组件准备切换成tsx的风格

### 学习笔记

[Vue轮子笔记](https://www.yuque.com/yixiu-wrtcu/qyx5op/og5y2r) 、
[数据响应式]()、
[组件化]()、
[编译]()、
[事件、双向绑定、插槽]()、
[缓存组件]()、
[动画]()、
[Vue-Router]()、
[Vuex]()

### 项目展示
![首页](http://wangfan.store/static/doc3.png)
![介绍](http://wangfan.store/static/doc4.png)
![switch组件](http://wangfan.store/static/doc5.png)
![button组件](http://wangfan.store/static/doc6.png)
![tab组件](http://wangfan.store/static/doc7.png)