vue3的一些新功能

Vue3依然是保留Vue2功能的，所以组件开发方式依然是可以按照Vue2的方式，下面是一些改进的地方：

入口文件

Vue 3.0已经不在导出Vue构造器，意味着之前用Vue实例的全局挂载/配置已经不适用了，所以很多ui库也会因为这个报错。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App)
  .use(router)
  .use(store)
  .mount('#app')

可以看到，Vue导出了createApp去创建Vue实例，全局挂载及插件都要使用use。

片段（Fragments）

一个令人激动的改变，之前我们创建组件都是需要一个根节点，很多时候这个节点是没用的，反而是个累赘。Vue 3.0可以不需要这个节点啦，我们可以直接这样写：

<template>
  <div>111</div>
  <div>222</div>
</template>

Multiple v-models

可以设置多个v-model也是很有用的，比如一个字典的通常是键、值改变，一个表单组件中包含多个表单原件的情况。使用：

<template>
  <Form
    v-model:name="inviteeName"
    v-model:age="inviteeAge"
  >
  </Form>
</template>