typescript - 如何将 ref 与 typescript 一起使用？

Question

我正在尝试学习 Vue3 + Typescript(到目前为止，我使用纯 JS 编写了 Vue2 应用程序)。我正在尝试在 setup() 中定义一个 react 变量:

setup() {
    // a single note
    interface Note {
      id: string
      creationDate: string
      text: string
      tags: string[]
      deleted: boolean
    }
    // all the notes in the app
    let allNotes: ref(Note[])  // ← this is not correct
    let allnotes: Note[]  // ← this is correct but not reactive
    
    (...)
  }

创建 Note react 数组的正确语法是什么？

Answer 1

应该放在<>之间:

let allNotes= ref<Note[]>([]) 

默认 ref从初始值推断类型，如

const name=ref('') //name is a type of string

引用输入:

interface Ref<T> {
  value: T
}

function ref<T>(value: T): Ref<T>