avue-crud引入项目

### 集成 `avue-crud` 组件到 Vue.js 项目

#### 局部引入方式

为了在特定组件中使用 `avue-crud`, 可以采用局部引入的方式。这有助于减少打包体积并提高性能。

// 在需要使用的单文件组件内执行如下操作
import { Crud } from '@smallwei/avue';
export default {
    components: {
        'avue-crud': Crud
    }
}

此方法适用于仅需在少数页面或模块应用该功能的情况[^1]。

#### 全局引入方式

如果整个应用程序频繁使用 `avue-crud` 功能，则推荐通过全局注册来简化开发流程：

// main.js 或入口文件中添加以下代码片段
import avueUeditor from 'avue-plugin-ueditor';
Vue.component('avueUeditor', avueUeditor);

上述设置使得所有子组件无需重复导入即可直接访问 `avue-crud` 和其他关联插件[^2].

#### 安装依赖项

确保已安装必要的 UI 库和其他相关包:

npm install element-ui @smallwei/avue avue-plugin-ueditor --save

接着，在项目的主配置文件(main.js)里完成初始化工作：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';

Vue.use(ElementUI);
Vue.use(Avue);

这段脚本不仅加载了基础样式表，还启用了 `Avue` 插件支持[^3].

#### 使用预定义选项

对于某些场景可能已经准备好了定制化的表格配置对象, 如下所示可以方便地将其应用于视图层：

import { tableOption } from '@/crud/sys/pay-integral-manager'

这里的路径应当指向实际存放这些设定的地方[^5].