一个新的全局 API：createApp

调用 createApp 返回一个应用实例，一个 Vue 3 中的新概念。

import { createApp } from 'vue'

const app = createApp({})

如果你使用的是 Vue 的 CDN 构建版本，那么 createApp 将通过全局的 Vue 对象暴露。

const { createApp } = Vue

const app = createApp({})

应用实例暴露了 Vue 2 全局 API 的一个子集，经验法则是，任何全局改变 Vue 行为的 API 现在都会移动到应用实例上，以下是 Vue2 全局 API 及其相应的实例 API 列表：

2.x 全局 API	3.x 实例 API (app)
Vue.config	app.config
Vue.config.productionTip	移除 (见下方)
Vue.config.ignoredElements	app.config.compilerOptions.isCustomElement (见下方)
Vue.component	app.component
Vue.directive	app.directive
Vue.mixin	app.mixin
Vue.use	app.use (见下方)
Vue.prototype	app.config.globalProperties (见下方)
Vue.extend	移除 (见下方)

vue config

• globalProperties

• 待提交日期，版本差异，此方法无效！

// 定义 lib/utils.js
function add(a,b){
    return a+b;
}

function say(){
    return '你好世界'
}
export {
    add,say
}

// main.js 注册
import * as utils from '@/lib/utils'
const app = createApp(App);
app.config.globalProperties.utils = utils;
app.use(store).use(router).mount('#app')
//