「B/S端開發」DevExtreme初級入門教程 - Vue篇入門指南

DevExtreme Vue組件

重要提示：您應該熟悉 Vue 的基本概念和模式才能使用本文檔。

DevExtreme Vue UI組件套件是一套功能完備的65+個響應式和觸控式 UI 組件，適用於 Vue 應用程序。 該套件包括數據網格、交互式圖表、數據編輯器、導航和多用途 UI 組件。

DevExtreme v21.2.4最新版下載

DevExtreme Vue UI組件套件提供以下特定於平臺的功能：

• 快速入門的應用程序模板
• 聲明性配置語法
• 支持TypeScript

所有 DevExtreme UI 組件套件，包括 Vue，共享架構和核心功能。 以下核心功能適用於所有套件：

• 數據層
• 客戶端數據驗證
• 主題和風格
• 本地化
• 模塊化
• 使用模塊自定義

創建一個 DevExtreme 應用程序

如果您是重新開始一個項目，請使用DevExtreme Vue模板。 這是一個簡單的應用程序，帶有導航菜單和響應式佈局中的幾個示例視圖。

您可以使用 DevExtreme CLI 生成此應用程序：

// Generate a Vue 2 application
npx -p devextreme-cli devextreme new vue-app app-name

// Generate a Vue 3 application
npx -p devextreme-cli devextreme new vue-app app-name --version=3

cd app-name
npm run serve

該應用程序已經包含 DataGrid 和 Form 組件，您可以在src\views\display-data.vue 和src\views\profile.vue 文件中分別找到它們的配置。

有關 DevExtreme Vue 組件的更多信息，請參閱以下資源：

• Component Configuration Syntax
• Demos
• API Reference

DevExtreme | 下載試用

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

---

DevExpress技術交流羣5：742234706      歡迎一起進羣討論

更多DevExpress線上公開課、中文教程資訊請上中文網獲取