Kendo UI for Vue FAQ
This article lists the answers to the most frequently asked questions (FAQs) about the Kendo UI for Vue suite.
General Queries
What is the difference between the Kendo UI for Vue Native and Kendo UI for Vue Wrapper suites?
The Kendo UI for Vue Native components are built from scratch with Vue.js and benefit from all the functionality provided by the framework. The Wrapper components are wrappers of the Kendo UI for jQuery suite. They use Kendo UI for jQuery under the hood and there could be some usage limitations in specific Vue scenarios.
If we have to choose between the Kendo UI for Vue Native and Kendo UI for Vue Wrapper suites, which one would you recommend?
Historically, the Kendo UI for Vue Wrapper components were presented at first. When we saw the potential, we started developing the Kendo UI for Vue Native suite. The focus of the Kendo UI for Vue team is now on the Native suite. Currently, the number of Native components is bigger than the components in the Wrapper suite.
If you have the choice between the Native and Wrapper suite, what we recommend is the Native
one.
Which Vue version is supported by the Kendo UI for Vue suite?
The Kendo UI for Vue suite works both with Vue 3 and Vue 2.
Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our Vue 2 End of Support article for more details.
Which Vue version is recommended for the Kendo UI for Vue suite?
Kendo UI for Vue supports both Vue 2 and Vue 3. If you you are now starting your project, we recommend the usage of Vue 3
. If you have a legacy project that uses Vue 2, again you are good to continue its development but there could be some configuration specifics for some of the components.
Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our Vue 2 End of Support article for more details.
Does Kendo UI for Vue supports Server-Side Rendering(SSR)?
Yes. All components that are part of the Kendo UI for Vue Native suite are SSR ready.
Does Kendo UI for Vue works with Vite?
The Kendo UI for Vue components work both with Vite and Webpack.
Can both the Native and Wrapper components be used in one project?
Yes. The different Native and Wrapper components can work in synergy. The Kendo UI for Vue Native suite already covers almost all of the components available in the Wrapper suite. With this in mind, we recommend using only these Wrapper components that doesn't have their Native equivalent.
When can I expect the same level of maturity and completeness in Kendo UI for Vue as in Kendo UI for jQuery?
The plans for the future development of the Kendo UI for Vue suite are published and regularly updated on the Roadmap page.
Are the components in Kendo UI for Vue divided into free and paid batches?
The Kendo UI for Vue is a professionally developed library of UI components distributed under commercial license. The usage of any Kendo UI for Vue components, requires either a commercial license key or an active trial license key.
Follow the instructions on the Kendo UI for Vue My License page to activate your license.
Do you provide support service for Kendo UI for Vue?
The suite is backed by the same level of professional support and scheduled updates that are shipped by all other Kendo UI libraries.
Is there a code editor that you recommend?
The Visual Studio Code in a combination with the Volar extension are strongly recommended when working with the Vue ecosystem.
In addition, we provide extensions for Visual Studio Code.
Where can I find further information?
If there is a question that is not answered by the Kendo UI for Vue documentation, please submit a support ticket and we will handle it according to your support plan.
Package and Release Management
How can I find out when new package versions are published to NPM?
Subscribe for NPM notifications through hooks.
Where can I track any new releases of Kendo UI for Vue?
The releases of the Kendo UI for Vue are announced on:
- Our Release history page.
- The Telerik blog.
Migration and Integration
Can I use the Kendo UI Less themes for jQuery?
No, but you can use our SASS themes.
Kendo UI for Vue ships the following themes:
To create a custom theme that matches the desired looks, you can also use the ThemeBuilder application.
Can I use Kendo UI for Vue in ASP.NET Core applications?
Yes, Kendo UI for Vue can be integrated in ASP.NET Core applications. Also check the Create an ASP.NET Core app with Vue in Visual Studio tutorial.
Imports and Modules
Can I import all components in one go?
No, but you can import all components from a single package by importing the package module. To see how to do this, refer to the Overview article of the specific package, for example, the Dropdowns.
Grid
Does the Grid support grouping?
Yes it does. Refer to the article on grouping in the Grid and the API index of the Grid.
Does the Grid support server-side sorting and paging?
Yes, server-side data operations are supported using the Fetch API or a preferred HTTP request library.
Does the Kendo UI for Vue Native Grid support detail templates and header attributes, similar to the Grid for jQuery?
Yes, it does. Refer to the articles on master-detail Grids and the Grid API.
Are all Grid features which are supported by Kendo UI for jQuery available in Kendo UI for Vue Native suite?
The Kendo UI for Vue Native Grid covers most of the functionalities available in the jQuery Grid. If there is a Grid feature that you need and cannot find in the product documentation, please submit a support ticket and we will provide the needed details.
Styling
Can I apply SCSS-based custom styles with Kendo UI for Vue?
Yes, you can. All available themes provide options for customization.
To modify the variables of each theme, refer to these articles:
How can I customize the styles for the components in Kendo UI for Vue?
You can customize the styles by using CSS overloads or SASS. For more information on the styling options, refer to the overview of the Kendo UI for Vue themes and styles.