vue3 迁移 - createApp

迁移到 vue3, 笔者第一个遇到的改变就是 createApp 了

// vue2
import Vue from "vue"

new Vue({
    
    })

new Vue 的写法已经不再支持, 取而代之的是调用 createApp 创建一个应用实例的方式

// vue3
import {
    
     createApp } from "vue"
// 同效果
// import Vue from "vue"
// const createApp = Vue.createApp

var app = createApp({
    
    })

createApp 是全局 Vue 下的一个全局 api
createApp 返回的 app 称为 应用实例

应用实例暴露了 Vue 2 当前全局 API 的子集，经验法则是，任何全局改变 Vue 行为的 API 现在都会移动到应用实例上; 所有其他不全局改变行为的全局 API 现在被命名为 exports

大概意思就是, 一部分改变 Vue 行为的 “vue2 全局 api”, 移动到应用实例(createApp 创建出来的 app)上; 另一部分被命名为 exports

按照笔者的理解, 就是用 vue3 的应用实例(createApp 创建出来的 app), 代替 vue2 的全局 Vue

如 config, component, directive, mixin, use
Vue.config 已经是 undefined了, 要改成 app.config 才能使用

“另一部分命名为 exports” 这句还不大明白什么意思
到用的时候再查就是了

参考材料:Vue.js

end