1 年前更新 |typescript

给定下面数组对象,从该对象中提取出 TNameTAge 两个类型

const students = [
  { name: 'Tom', age: 10 },
  { name: 'Jim', age: 12 },
  { name: 'Jack', age: 11 },
]

// 需要得到的类型:
type TName = 'Tom' | 'Jim' | 'Jack'
type TAge = 10 | 12 | 11
1 年前更新 |vite, typescript, eslint

使用路径别名可以大大减少项目中 ../../../ 的情况。但配置路径别名则需要分别对 ViteTypeScriptESLint 进行单独的配置。

  • 配置 Vite 可以避免编译出错(如 npm run devnpm run build)。
  • 配置 TypeScript 可以避免 ts 报错( Cannot find module ... )。
  • 配置 ESLint 可以避免 eslint 报错(如果使用了 airbnb 代码风格)
1 年前更新 |typescript

在使用 vue-i18n 时发现 t() 函数是有类型提示的,并且类型就是从 message 对象中推导出来的。于是我也尝试写一下这个类型推导。

假如有一个对象 message :

const message = {
  a: {
    b: {
      c: {
        d: '1'
      }
    },
    b1: '2'
  }
}

从该对象中获取如下类型:

type KeyPath = 'a.b.c.d' | 'a.b1'
1 年前更新 |vue, typescript

项目使用的是 ElementPlus 组件库,在做组件的二次封装时,需要提取 ElTableColumn 组件的属性,网上搜索了一下,可以这样得到属性的类型:

import { ElTableColumn } from 'element-plus'
type TElTableProps = InstanceType<typeof ElTableColumn>['$props'];
1 / 1
© 2016 - 2023 BY 禾惠 粤ICP备20027042号