Progress Tracking

[yyx990803]

Observer

• Object
• Array
• Collections
  • Map
  • WeakMap
  • Set
  • WeakSet
• Immutable
• Computed
• Advanced Reactivity API (Advanced Reactivity API rfcs#22)
  • value
  • state / value.raw?
  • computed
  • watch
  • setup() hook

Core

• Custom Renderer API - createRenderer

• Component

• Portal

• Fragments

• ref

• Directives

• Options

  • props
    • immutable when passed down
    • runtime validation
  • render

• Global API

  • createApp
    • app.config
      • performance
      • devtools
      • errorHandler
      • warnHandler
      • ignoredElements
      • keyCodes
      • optionMergeStrategies
      • productionTip only show in direct browser builds
      • silent deprecated
    • app.use
    • app.mixin (only for legacy mode)
    • app.directive
    • app.component
  • nextTick
  • compile
  • version

• Lifecycle hooks

  • beforeMount
  • mounted
  • beforeUpdate
  • updated
  • beforeUnmount
  • unmounted
  • errorCaptured
  • renderTracked
  • renderTriggered

• Instance properties

  • $data
  • $props
  • $attrs
  • $slots
  • $refs
  • $root
  • $parent
  • $children
  • $options
  • $el

• Instance methods

  • $forceUpdate

Compiler

• parser
  • HTML parser
  • Vue parser
  • AST types
• optimizer
• codegen
  • tree-shaking mode
  • source maps
• Plugin system
• Slots
• <component is="">
• Directives
  • v-if / v-else / v-else-if
  • v-for
  • v-on
  • v-bind
  • v-model
  • v-show
  • v-pre
  • v-cloak
  • v-once
  • v-text
  • v-html
• string ref -> function ref

On demand features

• createAsyncComponent
• <transition>
• <transition-group>
• <keep-alive>
  • activated
  • deactivated
• <await>

SSR

• SSR optimizing compiler
• server-renderer
  • string
  • stream
    • embed state associated with component as inline <script>
  • special handling for Async components
• Client hydration
• $isServer instance property

2.x Compat

• Global config
• Global API
  • Vue.extend
  • Vue.nextTick
  • Vue.use
  • Vue.compile
  • Vue.version
  • Vue.set
  • Vue.delete
  • Vue.component
  • Vue.directive
  • Vue.filter
• Options
  • data
  • methods
  • computed
    • get
    • set
    • chained
  • watch
    • getter
    • dot-delimited path
    • deep
    • sync
    • immediate
  • template
  • functional
  • el
  • propsData
  • parent
  • mixins
  • extends
  • model
  • comments
  • provide/inject
  • renderError
  • inheritAttrs
• Legacy Lifecycle Hooks
  • beforeCreate
  • created
• Instance Properties
  • $scopedSlots
  • $listeners
• Instance methods
  • $watch
  • $nextTick
  • $mount
  • $destroy
  • $on
  • $once
  • $off
  • $emit