Vue 3.0 全局API

vicky.yu

#createApp
返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。

const app = Vue.createApp({})
你可以在 createApp 之后链式调用其它方法，这些方法可以在应用 API 中找到。

#参数
该函数接收一个根组件选项对象作为第一个参数：

const app = Vue.createApp({
  data() {
    return {
      ...
    }
  },
  methods: {...},
  computed: {...}
  ...
})
使用第二个参数，我们可以将根 prop 传递给应用程序：

const app = Vue.createApp(
  {
    props: ['username']
  },
  { username: 'Evan' }
)
<div id="app">
  <!-- 会显示 'Evan' -->
  {{ username }}
</div>
#类型声明
interface Data {
  [key: string]: unknown
}
export type CreateAppFunction<HostElement> = (
  rootComponent: PublicAPIComponent,
  rootProps?: Data | null
) => App<HostElement>
#h
返回一个”虚拟节点“，通常缩写为 VNode：一个普通对象，其中包含向 Vue 描述它应在页面上渲染哪种节点的信息，包括所有子节点的描述。它的目的是用于手动编写的渲染函数：

render() {
  return Vue.h('h1', {}, 'Some title')
}