前端小码哥

在 TypeScript 中，type 和 interface 都可以用来定义和描述数据的结构，在面试中我们也经常会被问到，如果你还不知道它们之间有什么区别的话，看完本文也许你就懂了。

首先，我们会有个疑问，为什么需要 toRef 和 toRefs？ toRef 和 toRefs 是 Vue3 中的响应式转换工具函数，它们的存在主要有以下两点原因：

组件通信是指组件之间的数据交流和事件传递。在 Vue 3 中提供了多种方式来实现组件通信。包括：props，$emit，......

在 TypeScript 中，泛型工具类型 Record<K, T> 主要用于创建一个由给定键类型 K 映射到值类型 T 的新类型。 换句话说，就是用来构建一个新的对象类型。

在 TypeScript 中，泛型工具类型 Pick 主要用于从 Type 中选择一组属性来构造成一个新的类型。 换句话说，就是从一个复合的类型中，取出几个想要的类型，创建出一个新的类型。

在 TypeScript 中，我们如果想把某个类型中的所有属性都变为只读属性，在不使用泛型工具类型的情况下，我们可能会这么写：

在 TypeScript 中，默认内置了许多泛型工具类型，我们可以使用这些工具类型，来简化 T 的操作，并且可以让我们的类型定义更加的灵活和严谨。

使用 Vue2.x Options API（也称选项式API）开发的项目，普遍会存在以下的问题： 随着组件功能的变大，代码的关联性会大大降低，组件的阅读和理解难度会增加； 逻辑过多时使用 this 指

相等（==）运算符用来比较相同类型的数据时，与严格相等（===）运算符完全一样。 比较不同类型的数据时，相等（==）运算符会先将数据进行类型转换，然后再用严格相等（===）运算符比较。