Vue3语法

1.vue2与vue3的区别

2.创建vue3项目

   使用create-vue创建项目
1.前提环境条件
已安装 16.0 或更高版本的 Node.js
node -v
2.创建一个Vue应用
npm init vue@latest
这一指令将会安装并执行 create-vue

3.关键文件
 1.vite.config.js-项目的配置文件 基于vite的配置

 2.package.json-项目包文件 核心依赖项变成了 Vue3.x和 vite

 3.main.js-入口文件 createApp函数创建应用实例
 4.app.vue-根组件 SFC单文件组件 script-template-style

    变化一:脚本script和模板template顺序调整
    变化二:模板template不再要求唯一根元素
    变化三:脚本script添加setup标识支持组合式API
 5.index.html-单页入口 提供id为app的挂载点 

4.组合式Api -setup选项

          1.setup的执行时机在beforeCreated()之前

        2.setup中获取不到this(this是undefined)

        3.setup中定义的变量和函数必须要return,才能在模版中使用

        4.setup中的数据或方法较多，return比较麻烦，可以使用setup语法糖，简化代码

5.reactive和ref函数

reactive和ref都是用函数调用的方式生成响应式的数据，但是reactive只支持复杂类型，而ref既支持简单类型又支持复杂类型。ref内部实现也是基于reactive。使用ref必须通过.value访问变量，但模版中不用加.value

6.computed

7.watch

8.生命周期

9.组件通信

10.模版引用和defineExpose

11.provide和inject

12.vue3.3新特性 defineOptions

13.vue3.3新特性 defineModel