DevExtreme初级入门教程（Vue篇）：入门指南-控件新闻-慧都网

DevExtreme初级入门教程（Vue篇）：入门指南

翻译|使用教程|编辑：龚雪|2021-12-20 10:40:19.253|阅读 402 次

概述：本文主要介绍DevExtreme Vue的组件及一些入门知识，欢迎下载最新版体验！

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

DevExtreme Vue组件

重要提示：您应该熟悉 Vue 的基本概念和模式才能使用本文档。

DevExtreme Vue UI组件套件是一套功能完备的65+个响应式和触控式 UI 组件，适用于 Vue 应用程序。该套件包括数据网格、交互式图表、数据编辑器、导航和多用途 UI 组件。

DevExtreme v21.2.3最新版下载

DevExtreme Vue UI组件套件提供以下特定于平台的功能：

快速入门的应用程序模板
声明性配置语法
支持TypeScript

所有 DevExtreme UI 组件套件，包括 Vue，共享架构和核心功能。以下核心功能适用于所有套件：

数据层
客户端数据验证
主题和风格
本地化
模块化
使用模块自定义

创建一个 DevExtreme 应用程序

如果您是重新开始一个项目，请使用DevExtreme Vue模板。这是一个简单的应用程序，带有导航菜单和响应式布局中的几个示例视图。

您可以使用生成此应用程序：

// 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 组件的更多信息，请参阅以下资源：

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 欢迎一起进群讨论