ts+vue3出乎意料的推导报错

235 阅读1分钟

今天在写代码时候,发现一个让我琢磨不透的报错。通过官网得知2种写法效果是一样的。但是偏偏有一种会类型推导报错。代码如下:

export interface AddRoleParams {
  name: string;
  description: string,
  menus: object[]
}

export interface EditRoleParams extends AddRoleParams {
  id: number,
}

export interface ListItem {
  id: number;
  [key: string]: unknown;
}

const b =  ref<EditRoleParams>({ id: 0, name: '', description: '', menus: []})
export function a(params:Ref<ListItem> | Reactive<ListItem>){ 
  console.log(params)
}

a(b)

上面的代码是正常的,如果把b的赋值改成这个

const b: Ref<EditRoleParams> =  ref({ id: 0, name: '', description: '', menus: []})

编辑器会发生报错

但是从官网上来看效果应该是一样的。

不过我也没找到是啥原因。