Vue 选项式API

适用范围:

1. 缺点:

1. 同一个选项属性api内容里面有多个不同逻辑的内容混在一起
   1. 因为选项属性api只能声明一次
2. 同一逻辑的相关内容被分散到不同位置
   1. 因为同一个逻辑需要用到不同的Vue功能, 所以只能把代码放到不同的选项属性api中
   2. 因为选项属性api中有其他不同逻辑的代码, 导致相同逻辑的代码之间隔着其他不同逻辑的代码

梗概:

使用只能声明一次的选项属性api来使用同一种Vue功能

组件选项中的选项api:

这些api主要适用于选项式api的安排方式

1. 除了setup()方法

1. data()方法: 变量池

child::Vue data()选项

2. computed对象: 带逻辑的变量接口

child::Vue computed选项

3. method方法: 自定义方法

child::Vue method选项

4. template属性: 组件核心

child::Vue 组件模板

5. props属性: 组件形参

child::Vue props选项

6. components对象: 子组件

child::Vue components选项 创建子组件

7. provide方法: 暴露变量给所有后代组件

child::Vue provide()选项 暴露变量给后代组件

8. inject数组: 接受父代所暴露的变量

child::Vue inject数组选项 接受父代所暴露的变量

9. created方法: 生命周期钩子函数

child::Vue created方法选项

10. watch含方法的对象: 变量监听器

child::Vue watch选项 侦听器

11. setup方法: 组合式api的容器

child::Vue setup方法