Vue3.0优化----Api重构为可做摇树优化

我们先了解一下什么是dead code

vue2.0中不少global-api是作为静态函数直接挂在构造函数上的，例如Vue.nextTick(),如果我们从未在代码中使用过他们，就会形成dead code,这类global-api造成的dead code，并且无法使用webpack的tree-shaking排除掉

import Vue from "vue;
Vue.nextTick(() => {
  // something something DOM-related
})

vue3.0中做了相应的变化，将它们抽取成为独立函数，这样打包工具的摇树优化，可以将这些dead code排除掉

import { nextTick } from "vue";

nextTick(() => {
  //something
})

受影响的api

• Vue.nextTick
• Vue.observable
• Vue.version
• Vue.compile
• Vue.set
• Vue.delete