基础/创建一个应用

应用实例

通过调用createApp 创建一个应用实例，第一个参数称之为根组件，可以直接编写内联组件，或从外部导入一个组件

根组件

传入 createApp 的第一个参数称之为根组件

挂载应用

创建完应用实例需要挂载才能被渲染。调用实例的 mount 方法，参数可以是一个DOM元素，或者是CSS选择器。例如：

const div = document.createElement('div')
createApp({}).mount(div)
document.body.appendChild(div)

createApp({}).mount('#app')

DOM中的根组件模板

在 .vue 文件中我们编写的 template 就是组件模板。

在内联组件中我们可以提供 template 选项声明我们的根组件模板，或者提供 render 方法，亦或者setup内返回 render函数 。如果三者都未提供，那么就把挂载容器的 innerHTML 作为根组件模板。

不过也产生了几个问题：

• 同时提供 template 和 render 方法，最终渲染哪个？ 答案：渲染 render 方法返回的模板
• 提供 render 方法并且setup也返回了 render函数 ，最终渲染哪个？答案：渲染setup返回的 render 函数