在简单的vue 3窗体上使用TypeScript

tkclm6bt 于 2023-02-14 发布在 TypeScript

关注(0)|答案(1)|浏览(120)

我有一段时间很难理解如何在我的Vue 3合成API项目中使用TypeScript。我看过教程，甚至在一个项目中使用它，但有些东西对我来说不太合适，我不知道为什么。我想什么会帮助我创建自己的VUE 3合成API应用程序与堆栈溢出社区的帮助。
我有一个简单的应用程序来跟踪我读过或计划读的书。这里只有几个字段：
1.书名
1.作者姓名
1.总页数
1.读取完成
有人能帮助我理解如何在此表单中使用TypeScript吗？这对你来说可能很基本，但我只是在尝试理解。在构建我的图书跟踪器时，我会提出更多问题。
这是我的repo感谢您提供的任何帮助。

typescript

来源：https://stackoverflow.com/questions/75365317/using-typescript-on-a-simple-vue-3-form

1条答案

按热度按时间

cgvd09ve1#

带有reactive

type BookForm = {
    name: string;
    author: string;
    totalPages: number;
    read: boolean;
}

const form = reactive<BookForm>({
    name: '',
    author: '',
    totalPages: 0,
    read: false,
});

或者，您可以将其拆分为单独的refs

const name = ref(''); // types are automatically inferred
const author = ref('');
const totalPages = ref(0);
const read = ref(false);

也可以显式设置引用的类型

const book = ref<Book>(); // book will have a type of Book | undefined

赞(0）回复(0）举报 2023-02-14

我来回答

在简单的vue 3窗体上使用TypeScript

1条答案

相关问题

热门标签

最新问答