/YourVue

The main process of vue 2.6.11 for easier learning

Primary LanguageJavaScript

YourVue

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

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

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

文章会最先更新到公众号:BUPPT。求关注~ 求star~

从零写一个 Vue(一)主流程实现

从零写一个 Vue(二)双向绑定

从零写一个 Vue(三)数组监听

从零写一个 Vue(四)虚拟 DOM

从零写一个 Vue(五)DOM 生成与更新

从零写一个 Vue(六)组件化

从零写一个 Vue(七)v-if 和 v-for

  • watch computed
  • next-tick
  • event (dom & eventEmitter)
  • slot (普通插槽)
  • 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