VUE关于DevExtreme的基础使用

VUE关于DevExtreme的基础使用#

首先使用npm或者yarn下载框架

npm install --save devextreme devextreme-vue

在Main.js里面引入

import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.darkmoon.css';//此为组件主题样式，可修改dark、light、darkmoon等，详情见官方API

试用DataGrid组件，在官网中复制demo代码，在自己的组件中引入

 <!-- 一个带分页功能的数据网格 -->
<!-- data-source绑定总数据,只接受数组 -->
  <DxDataGrid
      :columns="column"
      :show-borders="true"
      :data-source="personData"
    >
    <!-- page-size绑定的是默认几条信息分一页 -->
      <DxPaging :page-size="10