Vue3+TS Day15 - Mixin、Composition API、setup、reactive、ref、readonly

一、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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容