# vue3 学习笔记

**Repository Path**: ZzuBnnn/vue3-learning-notes

## Basic Information

- **Project Name**: vue3 学习笔记
- **Description**: vue3学习笔记，主要包含三方面，应用，知识点理解进阶，源码层面理解
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-05-30
- **Last Updated**: 2021-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## vue3 学习路径清单（todo-List）

#### （一）快速应用

- [x] [概览](./docs/01-快速应用/概览.md)

- [x] [01-传送门 Teleport](./docs/01-快速应用/01-传送门Teleport.md)
- [x] [02-Fragments 和 Emits](./docs/01-快速应用/02-Fragments和Emits.md)
- [ ] [03-自定义渲染器](./docs/01-快速应用/03-自定义渲染器.md)
- [x] [04-全局 api 改为砬方法](./docs/01-快速应用/04-全局api改为砬方法.md)
- [x] [05-API 可做摇树优化](./docs/01-快速应用/05-API可做摇树优化.md)
- [x] [06-v-model 使用的变化](./docs/01-快速应用/06-v-model使用的变化.md)
- [x] [07-渲染函数 API 的变化](./docs/01-快速应用/07-渲染函数API的变化.md)
- [x] [08-函数式组件使用变化](./docs/01-快速应用/08-函数式组件使用变化.md)
- [x] [09-异步组件使用变化](./docs/01-快速应用/09-异步组件使用变化.md)
- [x] [10-data 选项总是函数形式、自定义组件白名单](./docs/01-快速应用/10-data选项总是函数形式、自定义组件白名单.md)
- [x] [11-自定义制定 API 和组件保持一致](./docs/01-快速应用/11-自定义制定API和组件保持一致.md)
- [x] [12-transition 类名变化，watch 不再支持点分割路径](./docs/01-快速应用/12-transition类名变化，watch不再支持点分割路径.md)
- [x] [13-event api、filter 等移除 API 一栏](./docs/01-快速应用/12-transition类名变化，watch不再支持点分割路径.md)
- [x] [14-vue-router变化](./docs/01-快速应用/14-vue-router变化.md)
- [x] [15-vite 工程创建和工程原理剖析](./docs/01-快速应用/15-vite工程创建和工程原理剖析.md)
- [x] [16-vite 中的资源加载](./docs/01-快速应用/16-vite中的资源加载.md)
- [x] [17-vite 中测试环境搭建](./docs/01-快速应用/17-vite中测试环境搭建.md)
- [ ] [18-vite 项目配置：别名，代理，数据 mock 等](./docs/01-快速应用/19-vite项目配置：别名，代理，数据mock等.md)
- [ ] [19-项目打包、部署、CI|CD](./docs/01-快速应用/20-项目打包、部署、CI|CD.md)

#### （二）知识进阶

- [ ] [01-vue3.0-diff 算法-理解](./docs/02-知识进阶/01-vue3.0-diff算法-理解.md)
- [ ] [02-vue3.0-静态提升和监听缓存](./docs/02-知识进阶/02-vue3.0-静态提升和监听缓存.md)
- [ ] [03-vue3.0-项目创建](./docs/02-知识进阶/03-vue3.0-项目创建.md)
- [ ] [04-vue2.x-存在的问题](./docs/02-知识进阶/04-vue2.x-存在的问题.md)
- [ ] [05-vue3.0-组合 API-理解](./docs/02-知识进阶/05-vue3.0-组合API-理解.md)
- [ ] [06-vue3.0-组合 API 本质](./docs/02-知识进阶/06-vue3.0-组合API本质.md)
- [ ] [07-vue3.0-setup 执行时机和注意点](./docs/02-知识进阶/07-vue3.0-setup执行时机和注意点.md)
- [ ] [08-vue3.0-reactive-理解](./docs/02-知识进阶/08-vue3.0-reactive-理解.md)
- [ ] [09-vue3.0-ref 和 reactive 区别](./docs/02-知识进阶/09-vue3.0-ref和reactive区别.md)
- [ ] [10-vue3.0-递归监听](./docs/02-知识进阶/09-vue3.0-ref和reactive区别.md)
- [ ] [11-vue3.0-非递归监听](./docs/02-知识进阶/11-vue3.0-非递归监听.md)
- [ ] [12-vue3.0-shallowRef 本质](./docs/02-知识进阶/12-vue3.0-shallowRef本质.md)
- [ ] [13-vue3.0-toRaw-理解](./docs/02-知识进阶/13-vue3.0-toRaw-理解.md)
- [ ] [14-vue3.0-markRaw-理解](./docs/02-知识进阶/14-vue3.0-markRaw-理解.md)
- [ ] [15-vue3.0-toRef-理解](./docs/02-知识进阶/15-vue3.0-toRef-理解.md)
- [ ] [16-vue3.0-toRefs-理解](./docs/02-知识进阶/16-vue3.0-toRefs-理解.md)
- [ ] [17-vue3.0-customRef-理解](./docs/02-知识进阶/17-vue3.0-customRef-理解.md)
- [ ] [18-vue3.0-ref 获取元素](./docs/02-知识进阶/18-vue3.0-ref获取元素.md)
- [ ] [19-vue3.0-readonly-理解](./docs/02-知识进阶/19-vue3.0-readonly-理解.md)
- [ ] [20-vue3.0-V3 响应数据本质](./docs/02-知识进阶/20-vue3.0-V3响应数据本质.md)
- [ ] [21-vue3.0-手写 shallowReactive-shallowRef](./docs/02-知识进阶/21-vue3.0-手写shallowReactive-shallowRef.md)
- [ ] [22-vue3.0-手写 reactive-ref](./docs/02-知识进阶/22-vue3.0-手写reactive-ref.md)
- [ ] [23-vue3.0-手写 readonly-shallowReadonly-isReactive-isReadonly](./docs/02-知识进阶/23-vue3.0-手写readonly-shallowReadonly-isReactive-isReadonly.md)

#### （三）源码层面

- [ ] [01-vue3 架构组织](./docs/03-源码层面/01-vue3架构组织.md)
- [ ] [02-使用 rollup 进行打包](./docs/03-源码层面/02-使用rollup进行打包.md)
- [ ] [03-实现打包流程](./docs/03-源码层面/03-实现打包流程.md)
- [ ] [04-reactive API 实现](./docs/03-源码层面/04-reactive-API实现.md)
- [ ] [05-依赖收集的实现](./docs/03-源码层面/05-依赖收集的实现.md)
- [ ] [06-触发更新](./docs/03-源码层面/06-触发更新.md)
- [ ] [07-ref 及 toRef 实现](./docs/03-源码层面/07-ref及toRef实现.md)