Giter VIP home page Giter VIP logo

view's Introduction

view

Vue3.x的个人实现版,旨在学习vue/core的核心原理,同时实践TDD的编程范式

功能

TODO

  • reactivity

    • effect 主流程
    • reactive 主流程
    • trigger & track
    • effect -> runner
    • effect -> stop
    • readonly
    • isReactive & isReadonly
    • nested reactive & readonly
    • shallowReadonly
    • isProxy
    • ref & isRef & unRef & proxyRefs
    • computed
  • runtime core

    component/element init

    • component instance
    • element renderer
    • component proxy
    • shapeFlags
    • event handler
    • props & emit
    • slots
    • Fragment & Text
    • getCurrentInstance
    • provide & inject
    • Custom Renderer API

    component/element update

    • update props
    • update children
    • update children (diff)
    • update component
    • nextTick
  • compiler

    • 解析插值
    • 解析 element
    • 解析 text
    • 解析三种联合类型
    • parse
    • transform
    • 生成string类型
    • 生成插值类型
    • 生成三种联合类型
    • 编译template

项目

  • 单元测试

    • reactivity
    • runtime/core
    • compiler
  • build

    • rollup打包
    • typescript支持

view's People

Contributors

exwer avatar

Stargazers

Jake avatar __Meng__ avatar jtr354 avatar Mark Xian avatar zhouqi avatar  avatar PsiloLau avatar xpc avatar coderChen avatar  avatar Cobyte avatar Lo avatar BaboonKing avatar  avatar white-letter avatar

Watchers

 avatar

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.