CRUD 和 混入的 (mixins) 概念

CRUD 是什么

crud是指在做计算处理时的增加(Create)、检索(Retrieve)、更新(Update)和删除(Delete)几个单词的首字母简写。crud主要被用在描述软件系统中数据库或者持久层的基本操作功能。

Vue CRUD是一个管理CURD操作的前端模板,用于创建基于CURD(增, 删, 该, 查)的应用

说白了就是一个组件, 里面有很多方法

mixins 是什么

mixins 就是可以混入任何组件, 并且可以将其他组件的方法, 和计算属性, 在本组件中使用

 

使用 mixins 

一. 导入组件

import CRUD, { presenter } from '@crud/crud'

二. 使用方法

const defaultCrud = CRUD({

url: 'api/rule'

})

三. 混入

mixins : [presenter (defaultCrud )]

具体代码

<template>
  <div>
    <el-table ref="table" :data="crud.data" style="width: 100%">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
    </el-table>
  </div>
</template>

<script>
import CRUD, { presenter } from '@crud/crud'

const defaultCrud = CRUD({
  url: 'api/rule'
})

export default {
  mixins: [presenter(defaultCrud)]
}
</script>

<style>
</style>

 

我这个混入里有很多方法, 我是给了一个 url 地址传参数然后请求过来数据 :data="crud.data"