最近我将我们的 vue.js2.x 项目迁移到 typescript，并基于 evan-you 在本期的评论：
https://github.com/vuejs/rfcs/pull/17#issuecomment-494242121
Class API 提案正在被放弃。所以我使用的是基于常规选项的 vue.js 版本，它给我带来了很多类型问题。
我想知道 vuejs2.x composition api 是否与 typescript 完全兼容？我应该用它来解决所有问题吗？ 在这种情况下，最佳做法是什么？
【问题讨论】：
标签： typescript vue.js vuejs2 vue-class-components vue-composition-api
我不确定“与 TypeScript 完全兼容”是什么意思。但是你绝对可以将 TypeScript 与 Vue 组合 API 一起使用，TypeScript 有助于改进代码和开发者体验。
这是一个使用composition plugin with Vue 2的示例：
import { computed, createComponent, reactive } from "@vue/composition-api";
export default createComponent({
name: "Hello",
template: `<p>{{ state.message }}</p>`,
props: {
name: {
type: String,
required: true
}
},
setup(props, context) {
const state = reactive({
message: computed(() => `Hello, ${props.name}!`)
});
return {
state
};
}
});
以上所有代码都输入良好。组合 API（此处为：createComponent、reactive、computed）提供了正确的类型。请注意，使用组合 API，我们不再需要使用 this。
【讨论】：
是的，Vue.js 与 TypeScript 兼容，因为 Vue CLI 提供了内置的 TypeScript 工具支持。它只需要通过npm 或yarn 安装，如here 所述，因此它不需要任何额外的工具即可将TS 与Vue 结合使用。
给定的链接中还包含有关recommended configuration 和basic usage 的一些解释。
【讨论】：