Kendo UI致力于新的開發，來滿足不斷變化的需求。Kendo UI for Vue使用旨在提高性能和豐富用戶體驗的Vue組件，幫助開發人員構建下一代應用程序。它是為Vue技術框架提供可用的Kendo UI組件，以便更快地構建更好的Vue應用程序。

Kendo UI for Vue控件提供了可用于設置應用程序樣式的主題，目前提供以下主題：

• 默認主題 — 可通過 @progress/kendo-theme-default NPM 模塊獲得。
• Bootstrap 主題 —— 可通過 @progress/kendo-theme-bootstrap NPM 模塊獲得。
• Material主題 — 可通過 @progress/kendo-theme-material NPM 模塊獲得。

Kendo UI最新正式版下載

安裝

1. 要開始使用主題，請通過 NPM 安裝其包。 例如，要安裝默認主題，請運行以下命令：

npm install --save @progress/kendo-theme-default

2. 安裝完主題包后，在您的項目中引用它。

在項目中包含主題

每個主題包都提供了兩種將主題包含在項目中的方法：

• 通過使用預編譯的 CSS 文件——這種方法不需要構建步驟，因此是兩者中速度更快的方法。
• 通過從 SCSS 源文件編譯主題——這種方法減少了 CSS 輸出并允許您自定義主題。

使用預編譯的 CSS

每個主題都包含一個預編譯的 dist/all.css CSS 文件，其中包含適用所有Kendo UI for Vue組件的樣式。要使用 dist/all.css，請在應用程序的 App.vue 文件中引用它。

import '@progress/kendo-theme-default/dist/all.css';

雖然使用預編譯的 CSS 文件比從源代碼編譯主題更快，但該方法具有以下缺點：

• 它包括應用程序中未使用組件的CSS。
• 它不提供通過 SCSS 變量自定義主題的選項（當您從源代碼構建主題時可以），因為主題已經編譯。

自定義主題

每個Kendo UI for Vue主題包都包含主題的源文件，這些源文件為您提供了在構建過程中修改和重建主題的選項。 例如，您可以更改主題顏色、刪除未使用組件的 CSS 或使用特定主題顏色來設置應用程序的樣式，主題源文件位于主題包的 scss 文件夾中。

更多自定義主題詳情，請參見這篇文章>>

Kendo UI相關組件推薦：

• Kendo UI for jQuery ：完整的jQuery UI組件庫，可快速構建出色的高性能響應式Web應用程序。
• Kendo UI for Angular：專業級的Angular UI組件庫，不僅是將其他供應商提供的現有組件封裝起來，telerik致力于提供純粹高性能的Angular UI組件，而無需任何jQuery依賴關系。
• Kendo UI for React：通過React框架的Kendo UI JavaScript封裝來支持React Javascript框架，能夠為客戶提供更好的用戶體驗，并且能夠更快地構建更好的應用程序。

Telerik_KendoUI產品技術交流群：726377843    歡迎一起進群討論