Vue3+TS Day15 - Mixin、Compositio

一、Mixin

1、Mixin的英文意思是什么？在Vue主要用来做啥？

• 【Mixin】：混入
• 【功能】：抽取组件中可复用的代码逻辑

image.png

2、Mixin的基本使用？

image.png

3、Mixin的合并规则（主要从data、method、created三方面回答）？

image.png

4、如何进行全局Mixin？

image.png

5、Optional API 的 extends 配置（了解，基本不用）

image.png

二、初识Composition API

1、为什么会出现Composition API？（换句话，Options API最大的弊端是什么？）

• 【Options API弊端】同一个功能的代码逻辑会被拆分到各个属性中，导致代码分散，难以阅读和理解。
• 【Composition API有点】能将同一个逻辑关注点代码收集在一起

image.png image.png

2、Composition API的代码入口在哪里？

image.png

3、setup有两个参数，分别有什么内容？

image.png

4、setup的返回值，相当于 Options API中的什么？

• 相当于 data

image.png

5、setup函数体中能使用this获取组件实例吗？

• 不能，未进行绑定

image.png image.png image.png

6、响应式特性之一 Reactive API？为什么使用reactive函数包裹后，就能进行响应式？

image.png

7、响应式特性之二 Ref API？

image.png image.png

8、readonly API 有什么作用？

image.png image.png image.png