Giter Site home page Giter Site logo

vue-explain's Introduction

Vue源码解析

通过注释的方式解析vue的每一行代码,帮助你更容易理解这个神奇的框架

关于本项目

  • 本项目中代码截取自[email protected]仓库中src目录
  • 所有的解析都将通过注释的方式写入这个仓库的每一个代码文件中, 其中, 中文的注释为解析内容, 其他注释为原代码注释
  • 阅读此项目需具备一定的JavaScript基础, 过于基础的代码并不会详细解析
  • 人力有时尽, vue完整仓库代码过于庞大, 欢迎其他人通过PR参与贡献和完善这个项目

更新进度

./core
├── components ----------------------------------- 已完成
│   ├── index.js --------------------------------- 已完成
│   └── keep-alive.js ---------------------------- 已完成
├── config.js ------------------------------------ 已完成
├── global-api ----------------------------------- 已完成
│   ├── assets.js -------------------------------- 已完成
│   ├── extend.js -------------------------------- 已完成
│   ├── index.js --------------------------------- 已完成
│   ├── mixin.js --------------------------------- 已完成
│   └── use.js ----------------------------------- 已完成
├── index.js ------------------------------------- 已完成
├── instance
│   ├── events.js
│   ├── index.js --------------------------------- 已完成
│   ├── init.js
│   ├── inject.js
│   ├── lifecycle.js
│   ├── proxy.js
│   ├── render-helpers
│   │   ├── bind-object-listeners.js
│   │   ├── bind-object-props.js
│   │   ├── check-keycodes.js
│   │   ├── index.js
│   │   ├── render-list.js
│   │   ├── render-slot.js
│   │   ├── render-static.js
│   │   ├── resolve-filter.js
│   │   └── resolve-slots.js
│   ├── render.js
│   └── state.js ------------------------------------ 进行中
├── observer
│   ├── array.js ------------------------------------ 已完成
│   ├── dep.js -------------------------------------- 已完成
│   ├── index.js
│   ├── scheduler.js
│   ├── traverse.js --------------------------------- 已完成
│   └── watcher.js
├── util -------------------------------------------- 已完成
│   ├── debug.js ------------------------------------ 已完成
│   ├── env.js   ------------------------------------ 已完成
│   ├── error.js ------------------------------------ 已完成
│   ├── index.js ------------------------------------ 已完成
│   ├── lang.js ------------------------------------- 已完成
│   ├── next-tick.js -------------------------------- 已完成
│   ├── options.js ---------------------------------- 已完成
│   ├── perf.js ------------------------------------- 已完成
│   └── props.js ------------------------------------ 已完成
└── vdom
    ├── create-component.js
    ├── create-element.js --------------------------- 已完成
    ├── create-functional-component.js
    ├── helpers
    │   ├── extract-props.js
    │   ├── get-first-component-child.js ------------ 已完成
    │   ├── index.js -------------------------------- 已完成
    │   ├── is-async-placeholder.js ----------------- 已完成
    │   ├── merge-hook.js
    │   ├── normalize-children.js ------------------- 已完成
    │   ├── resolve-async-component.js
    │   └── update-listeners.js
    ├── modules
    │   ├── directives.js ---------------------------- 已完成
    │   ├── index.js --------------------------------- 已完成
    │   └── ref.js ----------------------------------- 已完成
    ├── patch.js ------------------------------------- 进行中
    └── vnode.js ------------------------------------- 已完成

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.