Vue 3.0

vue3 中新增了 setup，它的出现是为了解决组件内容庞大后，理解和维护组件变得困难的问题。即 vue 中 data、computed、methods、watch 等内容非常多以后，同一业务逻辑的 data 中的数据和 methods 中的方法在 vue 文件中“相隔甚远”，看代码时，经常需要根据 data 中的数据去搜索找到对应的 methods 方法，上下跳跃查看代码，非常不方便。而在 setup 中，则可以把 data 中的数据和 methods 方法写在相临的位置，方便查看和维护。本文详细介绍 setup 的用法

setup 中的 return 主要作用是暴露给 template，以便在模版中使用这些 property

ref 和 reactive 有什么区别，ref 一般处理基本类型；reactive 处理复杂的数据类型

上下文：即语境、语意
上下文代表了整个程序当下所运行的环境，联系你整个app的生命周期与资源调用，是程序可以访问到的所有资源总和，资源可以是一个变量，也可以是一个对象的引用

vue2.x + vue-cli3.x + vue-router3.x + vuex3.x
vue3.x + vue-cli4.x + vue-router4.x + vuex4.x

vue2, vue3 中 v-if 和 v-for 指令优先级问题 https://blog.csdn.net/qq_40259123/article/details/122987548

? Pick a linter / formatter config: (Use arrow keys)
❯ ESLint with error prevention only 只进行报错提醒
ESLint + Airbnb config 不严谨模式
ESLint + Standard config 正常模式
ESLint + Prettier 严格模式 使用较多

1、ESLint with error prevention only

只配置使用 ESLint 官网的推荐规则
这些规则在这里 添加链接描述

2、ESLint + Airbnb config 爱彼迎规范

使用 ESLint 官网推荐的规则 + Airbnb 第三方的配置
Airbnb 的规则在这里 添加链接描述

3、ESLint + Standard config 通用规范

使用 ESLint 官网推荐的规则 + Standard 第三方的配置
Standard 的规则在这里 添加链接描述

4、ESLint + Prettier 比较漂亮的规范

使用 ESLint 官网推荐的规则 + Prettier 第三方的配置
Prettier 主要是做风格统一。代码格式化工具