「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 组件的更多信息,请参阅以下资源:

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

原文地址:https://www.cnblogs.com/AABBbaby/p/15713997.html