美文网首页Vue3.0+TS
Vue3+TS Day15 - Mixin、Compositio

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中的什么?

  • 相当于 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

相关文章

网友评论

    本文标题:Vue3+TS Day15 - Mixin、Compositio

    本文链接:https://www.haomeiwen.com/subject/qlkffrtx.html