一、第一次了解vue3
1.1.vue3简介
2020年9月18日，vue3发布3.0版本，代号“海贼王”。
特点:
逐步加强静态HTML，无需构建步骤。
作为Web组件嵌入任何页面
单页应用程序(SPA)
完整堆栈/服务器渲染(SSR)
jam stack/静态站点生成(SSG)
在桌面、移动、WebGL甚至命令行终端开发界面。
2.Vue 3带来了什么？
包装尺寸缩小40%
初始渲染速度提高了55%，更新后的渲染速度提高了133%。
内存减少了54%
3.分析目录结构。
在模板中，vue3中没有root标签，这是一个重要的变化。
应用实例不限于一个。CreateApp API允许您在同一个页面中创建多个共存的Vue应用程序，每个应用程序都有自己的配置和全局资源范围。
用于设备vue3的开发工具
方法一:打开chrome应用商店，搜索vue:里面有Vue.js devtools，下面有个角标beta，是vue3的开发者工具。
模式二:离线模式下，可以直接将包放到扩展程序中。
二、常用的组合API (combined API)
1.设置功能
明白:Vue3.0中新增的一个配置项，其值是一个函数。
2.setup是所有Composition API扮演的“舞台”。
数据、方法等。所用的组件应该在设置中进行配置。
设置函数的两个返回值:
如果返回一个对象，该对象中的属性和方法可以直接在模板中使用。(重点关注)
如果返回一个渲染函数，可以自定义渲染内容。
请注意:
尽量不要和Vue2.x配置混用。
在Vue2.x配置中(数据、方法、计算…)，访问设置和方法中的属性
无法在设置中访问Vue2.x配置(data.methos，compued…)。
如果有重名，安装程序优先。
安装程序不能是异步函数。因为返回值不能是返回对象，而是承诺，所以模板看不到返回对象中的属性。
