Implement the simplest vue3 model for in-depth study of vue3 source code
Bilibili Provides a video explaining how to use it
Can follow my Bilibili,Interpretation of live source code from time to time
You can join the group to discuss the vue3 source code
with WeChat
Provide one-to-one video teaching services, and take you to see the mini-vue source code hand in hand
Can add group communication
When we need to learn vue3 in depth, we need to look at the source code to learn, but like this kind of industrial-level library, there are a lot of logic in the source code for processing edge cases or compatible processing logic, which is not conducive to our learning.
We should focus on the core logic, and the purpose of this library is to separate the core logic from the vue3 source code, leaving only the core logic for everyone to learn.
Based on the function points of vue3, split it out bit by bit
The code naming will remain consistent with the source code, so that you can find logic in the source code through naming.
- support component type
- support element type
- init props of component
- context can get props and context in setup
- support component emit
- support proxy
- can get the object returned by setup in the render function
- Implementation of nextTick
- support getCurrentInstance
- support provide/inject
- support basic slots
- support text type
- support english
- normalize console.log
yarn build
Open index.html under example/* use server
� Recommended Use Live Server
The source code content can be quickly searched based on the function name
The source code content can be quickly searched based on the function name