极客神殿

这样就可以开始使用这些组件了。整个项目采用了现代化的前端技术栈，具有良好的类型支持和组件复用性。需要注意的是使用 Tailwind CSS 时要遵循其预定义的类名，避免使用自定义值。这些组件使用了 shadcn/ui 的基础组件，并结合了 Tailwind CSS 进行样式设计。

在组件内部可以直接使用store实例来对state中定义的属性值进行修改；$patch直接对store内的state进行修改$patch接收一个函数，函数形参为store的state，所以我们直接使用state.xxx即可修改对应的值！！！当然还有单个变量修改的方法，就是直接来修改，只不过结构不太好!!})或者直接对state下手，免去了$patch代理的过程；但注意！使用此方式就必须要对state中的所有属性重新定义一次，否则会报错！

TS 有个非常好用的功能就是类型别名。类型别名会给一个类型起个新名字。类型别名有时和接口很像，但是可以作用于原始值，联合类型，元组以及其它任何你需要手写的类型。

在 TypeScript 中，非空断言操作符（!）用于断言一个值不是null或undefined。这可以在你确信某个值不可能为空的情况下使用，以避免编译器报错。

在Vue 3中使用TypeScript进行类型转换可以使代码更加健壮和可维护。

使用TypeScript定义自定义指令时，可以确保指令参数和值的类型安全。el.focus();},

在TypeScript中，类型转换（Type Transformation）是一个强大的功能，可以通过不同的方法将一种类型转换成另一种类型。

在之前的《从0开始的TypeScriptの十三》中，已经对typescript的工具类型中的关键字。当然上面的这些例子可能会觉得实用性不大，那么将数组类型扁平化总应该算有点实用性吧。匹配的属性拆除来变成可选，然后不匹配的属性维持不变，最后将可选和不可选通过。内置类型比较熟悉的情况下，最好的方式就是多多去使用。将当前数组中的元素进行判断，如果不是数组则直接返回，否则元素重新进入。虽然我们自己也可以写，但是如果直接使用现有的内置工具类型。这些有所了解了，那么接下来为了使用更加方便，可以对。

TypeScript提供了一些比较实用的泛型类型，但是我们常常会忽略它们。本节我们将一起看看这些泛型。

一系列值及可以对齐执行的操作typescript类型层次结构。

更严格的 JavaScript。

data.ts// - 变量-单个变量const a: number= 1;let b: string = 'str';var c: boolean = false;// - 变量-多个变量let d: number = 1, e: number = 2;const f: number = 1, g: number = 2;// - 注释// 单行注释/* 多行注释 */ // - 基本类型-字符串let str: string = 'str';// - 基本类型-数字let n