Kendo UI for Vue TypeScript Integration Overview
With the release of Vue 3, TypeScript is getting more and more popular among Vue users. The main reason for this change is because now it is much easier to configure your project to use TypeScript and benefit from the functionality the language provides.
The Kendo UI for Vue Native components are TypeScript compatible in both the Vue 3 and Vue 2 scenarios.
The Kendo UI for Vue Native components are fully compatible with TypeScript. Using the Volar Visual Studio Code extension you can benefit from the intellisense definitions available for all Kendo UI for Vue Native components.
Volar is an extension recommended by the Vue core team and widely communicated by them
If you have previous experience with the
Vetur IDE, to use the discussed above intellisense functionality, we recommend switching to
Based your preferences in using the Vue's Composition or Options API, here are to articles that provide step-by-step instructions on how the Kendo UI for Vue Native components can be used with TypeScript:
- Kendo UI for Vue - First Steps with TypeScript + Composition API
- Kendo UI for Vue - First Steps with TypeScript + Options API
The Composition API is available out of the box in Vue 3. To use it in Vue 2, you will have to install the @vue/composition-api package. More about the usage of the @vue/composition-api package, you can find on its GitHub repository.