We currenly have an MVC application using Kendo UI and we recently started using Vue.
There is no clear documentation how to add and use the Kendo UI for Vue within Visual Studio and an MVC application.
All official documentation on the Telerik web site, related to the Kendo UI for Vue is using NPM to install Kendo UI for Vue components in a specified folder, or CDNs.
Unfortunately, there are no clear examples how to use those components within the structure of an MVC application.
To make matter worse, Telerik did not provide a way to create a Kendo UI for Vue application from within the Telerik menu in Visual Studio.
The questions are:
1. What JS/CSS files are needed to show and use these components?
2. Where can I find/download all these files?
3. What is the recommended structure to keep these files in?
4. What needs to be "imported" using <Style> and <link> tags, NOT the "import" and "required" and "export", because these are using webpack, which will add a sh...load of other files with it that are not required by the app to actually run.
If anybody managed to make it work, please specify step by step what to do to use any of the Kendo UI for Vue components in an MVC app.
9 Answers, 1 is accepted
Integrating the Kendo UI for Vue in an MVC application could be achieved by referencing the required resources from CDN in the layout of the application. There is an existing article where the needed script and styles, as well as the available vue packages for the different components are documented:
In general, to use the Vue components, the Kendo UI Theme and scripts need to be referenced on the page first (including jQueru). Those can be downloaded from your Telerik account or from NPM. On the other hand, the Kendo UI for Vue packages that need to be referenced after the Kendo UI scripts are currently available for download only through NPM .
Currently, the Kendo UI for Vue package is only available through NPM. A detailed guide on how to integrate Kendo UI for Vue with Webpack is available on the following documentation article:
In addition to the above, you could check out the Kendo Dasboard Sample Application and try it out locally:
Currently, the Kendo UI for Vue packages are distributed only through NPM and are also available on the CDN, as described in the Getting Started Documentation. In case you would like to propose alternative distribution channels, I would suggest to log this in the Kendo UI Feedback Portal, where the rest of the community will be able to discuss and vote for this request.