「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线上公开课、中文教程资讯请上中文网获取