前言
学习 Vue3源码 记录 && 积累! 之前有几篇文章有作 Vue3的一些变更学习总结的开始, 请直接转到文末Vue3 小结目录
本文通过学习川哥的源码共读来记录学习 Vue3 源码的一些笔记. Vue3抛出的一些工具函数
源码 & 文档
- Vue3.x 官方文档: v3.cn.vuejs.org/
- Vue3 源码仓库
vue-next: github.com/vuejs/vue-n… - Vue3 工具函数源码仓库: vue-next/packages/shared/src/index.ts
- 如果访问较慢也可访问这个(在线 Vscode 打开源码): github1s.com/vuejs/vue-n…
打包源码 JavaScript 方便食用
为方便阅读, 可以将源码中的 index.ts 打包成 .js 文件进行查看, 打包方法如下:
git clone git@github.com:vuejs/vue-next.git
cd vue-next
# 安装依赖，然后直接打包
yarn
yarn build
打包后的代码-工具函数 则在文件 vue-next/packages/shared/dist/shared.esm-bundler.js 中, 即可开始学习了
Vue3 源码中的工具函数(三)
根据源码中的 export 出的顺序, 选择性学习记录如下:
Vue3 学习实战系列更文的几篇小总结:
- Vue3-初体验,
- Vue3-
生命周期和setup()函数, - Vue3-
computed & watch, - Vue3-
Teleport改变组件挂载的根节点, - Vue3-
Suspense处理异步请求, - Vue3-
defAsyncComponent异步组件(新增), - Vue3-
fragments(新增), - Vue3-
v-model(非兼容), - 学习Vue3.x 新特性-渲染函数API(非兼容)
- Vue3新特性学习: v-for的key已变更(非兼容)
- 学习Vue3.x 新特性-渲染函数API(非兼容)
由此而感
学习源码是一个不断渐进的过程, 需要慢慢一点点消化吸收, 并不是非要一下可以看完的..
也不是每行代码都要看明白, 需要学习到源码的逻辑/编程思想等等.并学习其编码风格
