如何在vuejs项目使用View UI Plus

要在Vue.js项目中使用View UI Plus，您需要按照以下步骤进行操作：

安装View UI Plus

您可以使用npm或yarn来安装View UI Plus。在终端中运行以下命令：

npm install view-design view-design-plus -S

或者

yarn add view-design view-design-plus

引入View UI Plus

您需要在Vue.js项目的入口文件中引入View UI Plus。在main.js文件中，添加以下代码：

import Vue from 'vue'
import ViewUI from 'view-design'
import 'view-design/dist/styles/iview.css'
import ViewUIPlus from 'view-design-plus'
import 'view-design-plus/dist/styles/iview.css'

Vue.use(ViewUI)
Vue.use(ViewUIPlus)

使用View UI Plus组件

现在您可以在Vue.js项目中使用View UI Plus组件了。例如，要使用View UI Plus的可拖动表格组件，您可以在组件中添加以下代码：

<template>
  <div>
    <DragTable :columns="columns" :data="data"></DragTable>
  </div>
</template>

<script>
import { DragTable } from 'view-design-plus'

export default {
  components: {
    DragTable
  },
  data () {
    return {
      columns: [
        {
          title: 'Name',
          key: 'name'
        },
        {
          title: 'Age',
          key: 'age'
        },
        {
          title: 'Address',
          key: 'address'
        }
      ],
      data: [
        {
          name: 'John Brown',
          age: 18,
          address: 'New York No. 1 Lake Park'
        },
        {
          name: 'Jim Green',
          age: 24,
          address: 'London No. 1 Lake Park'
        },
        {
          name: 'Joe Black',
          age: 30,
          address: 'Sydney No. 1 Lake Park'
        }
      ]
    }
  }
}
</script>

这是一个简单的示例，您可以在View UI Plus文档中找到更多组件和用例。