# dmk

> DMK.js（dataMapsKeys）for Vue mixins

Latest version **2.0.10** (published 2020-06-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install dmk
pnpm add dmk
yarn add dmk
bun add dmk
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.10 |
| Published | 2020-06-07 |
| First published | 2019-07-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 49.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | DumbBunny |
| Maintainers | princelhh |
| Keywords | vue, mixins |

## Links

- npm: https://www.npmjs.com/package/dmk
- Repository: https://github.com/princeljf/DMK
- Homepage: https://github.com/princeljf/DMK#readme
- Issues: https://github.com/princeljf/DMK/issues
- npm.io page: https://npm.io/package/dmk

## Recent versions

- 2.0.10 (latest) — 2020-06-07
- 2.0.9 — 2020-06-01
- 2.0.8 — 2020-05-27
- 2.0.7 — 2020-05-04
- 2.0.6 — 2020-04-30
- 2.0.5 — 2020-04-27
- 2.0.4 — 2020-04-23
- 2.0.3 — 2020-04-21
- 2.0.2 — 2020-04-21
- 2.0.1 — 2020-04-14
- 2.0.0 — 2020-04-09
- 1.1.0 — 2019-08-07
- 1.0.6 — 2019-07-31
- 1.0.5 — 2019-07-30
- 1.0.4 — 2019-07-19
- … 3 more at https://npm.io/package/dmk/versions

## README

# DMK.js（dataMapsKeys）for Vue mixins

## 一、npm安装
- $ npm install dmk --save

### 个人网站完善中，最新文档和相关示例，建议git拉取完整代码查看，谢谢！
- 1. git clone https://github.com/princeljf/DMK.git
- 2. cd DMK/vue2x
- 3. npm install
- 4. npm run dev

### DMK v2 主要功能介绍
- 1. 数据处理和数据转换、自动watch数据更新；
- 2. 通过参数配置驱动数据映射：提高解耦性和复用率；
- 3. 团队代码风格统一：轻量简洁、提高可维护性；

### 环境支持
- DMK.mixins：使用了非prop特性，目前需要this.$attrs支持；

- - （注意：Vue版本不支持非prop特性，请调用this.$DMK.init("arr",option)时指定option.dmkMapOpt的d/m/k/ck配置项指向props值）

- DMK.get(arr2obj, maps2keys)：不依赖prop特性和props，专职处理数据，等价于调用一个方法；

  

## 二、DMK引用
- Babel
```
//局部引入
import DMK from 'DMK.js'
export default {
    mixins: [DMK.mixins],//引入mixins
    data(){
        return {
        	arr: [],
            keys: {
            	text: 'text',
            	value: 'value'
            }
        }
    },
    created(){
        DMK.init('arr');//初始化mixins绑定this.arr
    }
}

//全局引入
//入口文件：main.js
import Vue from 'vue'
import DMK from 'dmk';
Vue.mixin(DMK.mixins);//全局注册mixins
Vue.prototype.$DMK = DMK;//全局挂载DMK

//全局配置项
let DEF_OPT = {
    dmkMapOpt:{
        d:'$attrs.d',  //data     
        m:'$attrs.m',//maps
        k:'$attrs.k',  //keys
        ck: 'keys', //子组件绑定模板的数据源，默认为this.keys：支持$data.keys或者$props.keys形式
    },
    valMapOpt:{
        'empty':'',         //值为空字符串''时，转换为设置的值
        'undefined':'',     //值为undefined时，转换为设置的值
        'null':'',          //值为null时，转换为设置的值
    },
    dmkOption: 'dmkOption', //指定组件配置项属性名
};

this.$DMK.setOption( DEF_OPT );//使用前可修改全局配置项
```

## 反馈
- 1. 如果有任何纰漏或错误，请发送问题到我的邮箱：384234884@qq.com。
- 2. 如果邮箱反馈不及时，生产紧急问题添加微信：princeljf，备注dmk通过。

---
_Source: https://npm.io/package/dmk · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._