1、createApp

1. 创建vue实例

import { createApp } from 'vue'

const app = createApp({
  /* 根组件选项 */
})
//可以传入根组件选项和app
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

2、createSSRApp

1. 以SSR激活模式创建vue实例
2. 用法与createAPP相同

3、app.mount

参数可以是一个实际的 DOM 元素或一个 CSS 选择器 (使用第一个匹配到的元素)。返回根组件的实例。 如果该组件有模板或定义了渲染函数，它将替换容器内所有现存的 DOM 节点。否则在运行时编译器可用的情况下，容器元素的 innerHTML 将被用作模板。 在 SSR 激活模式下，它将激活容器内现有的 DOM 节点。如果出现了激活不匹配，那么现有的 DOM 节点将会被修改以匹配客户端的实际渲染结果。 对于每个应用实例，mount() 仅能调用一次。

4、app.component（）

1.注册全局组件方法一： app.component('Comp',Comp)传入组件名和组件实例，Comp是SFC

<script setup>
import { ref,createApp } from 'vue'
import Comp from './Comp.vue'

const msg = ref('Hello World!')
const app = createApp({})
app.component('Comp',Comp)
</script>

<template>
  <h1>{{ msg }}</h1>
  <Comp/>
  <input v-model="msg" />
</template>

2. 注册全局组件方法二 传入配置项{template:'',data:function (){return {}}}

Vue.component("my-component",
{ template:"<div @click='count++'>{{count}}</div>", 
data: function(){ return {count:0} } 
})