ts使用过程中遇到的一些小技巧

1.定义map对象需要声明类型

 interface formType {
    realname?: boolean,
    email?: boolean
  }
  let editMap = reactive({
     realname: false,
     email: false
  }) as formType
  const editForm = (value: string|number) => {
      editMap[value] = true
   }

以上代码遵循了声明类型，但是在修改editMap变量的时候会有ts语法出错误，如下：

image.png

解决办法：

需要加上以下代码，这样就可以解决修改变量报错的问题。
  type formTypeKey = keyof formType
  const editForm = (value: formTypeKey) => {
      editMap[value] = true
   }

2.定义数组

interface resultParams {
  className?: string;
  func?: string;
  text?: string;
  disabled?: boolean
}
const arr = computed(() => list as resultParams[] || [])