Vue3+TS Day15 - Mixin、Compositio
作者:
望穿秋水小作坊 | 来源:发表于
2021-12-09 11:40 被阅读0次
一、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中的什么?

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
本文标题:Vue3+TS Day15 - Mixin、Compositio
本文链接:https://www.haomeiwen.com/subject/qlkffrtx.html
网友评论