YourVue

KO | EN

gitlite — search

#javascript #react #llm #golang #go #deep-learning #docker #awesome #cli #kubernetes #vue #pytorch #mcp #open-source

(★ 14)

The main process of vue 2.6.11 for easier learning

YourVue Latest Version Download

// repository documentation

★ 0 (0 ratings)

# YourVue

学习 vue 源码的最好方法，就是自己实现一个 vue !

本项目旨在实现 vue 的主流程，理解 vue 主流程中的细节，省去额外的代码方便查看与学习。

最新的代码在`src`中，各功能的实现过程在`oldSrc`中，可以通过改变`vue.config.js`文件来改变`main.js`的入口进行调试。

文章会最先更新到公众号：BUPPT。求关注～ 求star～
<img src='./wx_BUPPT.png' width="300"/>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/6">从零写一个 Vue（一）主流程实现</a>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/7">从零写一个 Vue（二）双向绑定</a>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/8">从零写一个 Vue（三）数组监听</a>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/9">从零写一个 Vue（四）虚拟 DOM</a>

✅ <a href="https://mp.weixin.qq.com/s/GhfGgAyvW1fX_s2r8bygpQ">从零写一个 Vue（五）DOM 生成与更新</a>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/11">从零写一个 Vue（六）组件化</a>

✅ <a href="https://github.com/buppt/Video-article-blog/issues/12">从零写一个 Vue（七）v-if 和 v-for</a>

- [x] watch computed
- [x] next-tick
- [x] event (dom & eventEmitter)
- [x] slot (普通插槽)
- [x] Directives（v-model、v-html、v-text）

实现中...
- [ ] keep-alive
- [ ] vue-router
- [ ] vuex
- [ ] platform
- [ ] ssr

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve 
or
yarn dev
```