createApp 创建 App 实例

• 通过 createApp 创建 App 实例
• 类似于 Vue2 中的 new Vue

const app = createApp({
  name: 'MyApp',
  data() {},
  ...
})

// 相当于 Vue2
const vm = new Vue({
  name: 'App',
  ...
})

app.component

• 全局注册 component 从原来 Vue2.0 的 Vue.component 移动到了 app 实例上
  • 传入正确参数，app.component 返回 app 实例
  • 未传入，app.component 返回 undefined

// Vue2.0
Vue.component();

// Vue3.0
const app = createApp(App);
app.component('组件名', 组件对象); // 全局注册

app.mount

• 一般传入 rootContainer 根元素（#app）

app.unmount

• 组件从根元素上卸载

app.config

• 包含 Vue 应用实例的全局配置

import { createApp } from 'vue'
import App from './App_Lifecycle_onRenderTracked_onRenderTriggered.vue'

const app = createApp(App)
console.log('app:', app);
console.log('app.config:', app.config);
app.mount('#app')

⭐️ app.config.globalProperties

• 对比 Vue2.0 中的 Vue.prototype.$http = 全局挂载

utils/index.js

function add(a, b) {
  return a + b;
}

export {
  add
}

main.js