初识Vue3

一、2020年9月18日，Vue发布了3.0版本。新版本的Vue，提供了更小的打包体积，更快的首页渲染速度，更好的支持TypeScript，还有一些组合式的Api等等。
在线文档地址：https://cn.vuejs.org/guide/introduction.html
二、文件目录改变

1. main.js项目初始化内容
2. 在模板中vue3中是可以没有根标签了，这也是比较重要的改变
3. 应用实例并不只限于一个。createApp API 允许你在同一个页面中创建多个共存的 Vue 应用，而且每个应用都拥有自己的用于配置和全局资源的作用域。

1、

//main.js

//引入的不再是Vue构造函数了，引入的是一个名为createApp的工厂函数
import {createApp} from 'vue
import App from './App.vue

createApp(APP).mount('#app')


//之前我们是这么写的，在vue3里面这一块就不支持了，会报错的，引入不到 import vue from 'vue'; 
new Vue({
	render:(h) => h(App)
}).$mount('#app')

2、

Vue2.0 app.vue文件下，含有根组件div
<template>
  <div>
     <router-view></router-view>
  </div>
</template>

Vue3.0 app.vue文件下，不含有根组件div
<template>
  <router-view></router-view>
</template>

3

//多个应用实例
const app1 = createApp({
  /* ... */
})
app1.mount('#container-1')

const app2 = createApp({
  /* ... */
})
app2.mount('#container-2')