An open API service indexing awesome lists of open source software.

https://github.com/sunnshare/vue3-source-code

Vue3响应式原理/Reactive/Proxy/effect/computed
https://github.com/sunnshare/vue3-source-code

computed effect proxy reactive vue3

Last synced: about 2 months ago
JSON representation

Vue3响应式原理/Reactive/Proxy/effect/computed

Awesome Lists containing this project

README

          

# [Vue3 note](./note.md)

vue2 源码请看 https://github.com/sunnshare/vue-source-code/

### 实现内容

- [x] monorepo 环境搭建
- [x] 实现 reactive
- [x] 实现响应式原理
- [x] 实现计算属性
- [x] 实现 ref
- [x] render 函数实现
- [x] 实现 diff 算法

### 其他笔记

- [proxy 语法介绍](./others/Proxy.md)——[详细介绍地址](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy)

- [Reflect 语法介绍](./others/Reflect.md)——[详细介绍地址](https://es6.ruanyifeng.com/#docs/reflect)

- [Record 工具类型](./others/Record.md)——[详细介绍地址](https://ts.yayujs.com/reference/UtilityTypes.html#record-keys-type)

- [is 类型谓词](./others/is.md)——[详细介绍地址](https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates)

- [Omit 工具类型](./others/Omit.md)——[详细介绍地址](https://www.typescriptlang.org/docs/handbook/utility-types.html#omittype-keys)

- [二进制权限控制](./others/二进制权限控制.md)——[位运算介绍地址](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Expressions_and_operators#%E4%BD%8D%E8%BF%90%E7%AE%97%E7%AC%A6)

- [diff 算法 最长递增子序列](./packages/shared/src/algorithm.ts)——[详细介绍地址](https://en.wikipedia.org/wiki/Longest_increasing_subsequence)