1. 使用create-vue搭建Vue3项目

create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应

2. 使用create-vue创建项目

• 1. 前提环境条件

已安装 16.0 或更高版本的 Node.js

• 2. 创建一个Vue应用

npm init vue@latest

这一指令将会安装并执行 create-vue

3. 熟悉项目目录和关键文件

项目目录和关键文件

4. 组合式API - setup选项

执行时机：在beforeCreate钩子之前执行

<script setup>语法糖

script标签添加 setup标记，不需要再写导出语句，默认会添加导出语句

<script setup>
  const message = 'this is message'
  const logMessage = ()=>{
    console.log(message)
  }
</script>

5. 组合式API - reactive和ref函数

5.1. reactive