• 讀了Vue3.0beta 文檔，對原有的方法静陈、屬性與2.x不同的地方做了對比，記錄下來做成表格，分享出來
• 計劃分為5期發(fā)布赴邻，前期主要是分享差異與新特性的使用，最后的兩期會深入分析與實(shí)現(xiàn)vue3.0響應(yīng)式實(shí)現(xiàn)原理
• 表格中的 阿拉伯?dāng)?shù)字 為注解肌幽，在文章開頭開頭注解
• 正文開始贪庙，不到之處請留下您寶貴意見

• ⅰ：vm = Vue.createApp({}) || new Vue({}) Vue實(shí)例化對象
• ⅱ：全局方法 component directive mixin mount use provide
• ⅲ：生命周期 beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, destroyed,errorCaptured

新特性

• resolveComponent

如果組件在當(dāng)前應(yīng)用程序?qū)嵗锌捎猛帕蓿瑒t允許按其名稱解析組件育拨。
如果找不到組件，返回組件或undefined 欢摄。

const app = Vue.createApp({})
app.component('MyComponent', {
  /* ... */
})

import { resolveComponent } from 'vue'
render() {
  const MyComponent = resolveComponent('MyComponent')
}

返回值： component

• resolveDynamicComponent

允許使用<component:is="">使用的相同機(jī)制來解析組件熬丧。
返回解析的組件或以組件名稱作為節(jié)點(diǎn)標(biāo)記的新創(chuàng)建的VNode。如果未找到該組件怀挠，將發(fā)出警告析蝴。
不太理解什么意思，等下次再補(bǔ)充

import { resolveDynamicComponent } from 'vue'
render () {
  const MyComponent = resolveDynamicComponent('MyComponent')
}

resolveComponent, resolveDynamicComponent只能在渲染函數(shù)或函數(shù)組件中使用绿淋。

• resolveDirective

如果指令在當(dāng)前應(yīng)用程序?qū)嵗锌捎妹苹瑒t允許按其名稱解析指令。
返回一個指令或undefined

const app = Vue.createApp({})
app.directive('highlight', {})

import { resolveDirective } from 'vue'
render () {
  const highlightDirective = resolveDirective('highlight')
}

• withDirectives

允許應(yīng)用指令到一個VNode吞滞。返回一個帶有應(yīng)用指令的VNode佑菩。

import { withDirectives, resolveDirective } from 'vue'
const foo = resolveDirective('foo')
const bar = resolveDirective('bar')
return withDirectives(h('div'), [
  [foo, this.x],
  [bar, this.y],
  [directive, value],
  [directive, value, arg, modifiers]
  // 指令名盾沫， 指令值， 參數(shù)殿漠， 修飾符
  ...
])

未完待續(xù)赴精。。绞幌。