directory

  • How to debug Vue3 source code breakpoint in browser
  • Try Vue3 part two: The most important changes to the CompositionApi
  • Try Vue3 3: CompositionAPI summary and wrapping objects
  • How do I run Jest unit Tests
  • Try Vue3 five: source code structure
  • Try Vue3 six: innovation of responsive principle – Vue2, Vue3 implementation comparison

The code structure

  • The compiler

    • Compiler-core Core compiler logic

      • Basic type resolution
      • AST

    • Compiler-dom is the browser-specific compilation logic

      • v-html
      • v-text
      • v-model
      • v-clock

  • Runtime environment

    • Run-time core Specifies the runtime core
      • inject
      • The life cycle
      • watch
      • directive
      • component
    • Run-time dom runtime logic for browsers
      • class
      • style
    • Run-time test Simulates the test environment

      Logic for solving unit testing problems is easier to do outside the browser

  • Reactivity reactive logic

  • The template-Explorer template parser can be run like this

    yarn dev template-explorer
Copy the code

    Then open index.html

  • Vue code entry

    Integrate compiler and runtime

  • Server-side renderer (TODO)

  • Share public method

directory

  • How to debug Vue3 source code breakpoint in browser
  • Try Vue3 part two: The most important changes to the CompositionApi
  • Try Vue3 3: CompositionAPI summary and wrapping objects
  • How do I run Jest unit Tests
  • Try Vue3 five: source code structure
  • Try Vue3 six: innovation of responsive principle – Vue2, Vue3 implementation comparison