README
utilList
Several util modules to optimise your project
Author:Alan Chen
E-mail: 739709491@qq.com
version: 0.0.4
date: 2018/12/25
Feature
- 包含DateFormat、EventBus、ArrayDel、Equal和InjectVue五个方法。
- DateFormat是个极简的用于日期对象格式化字符串工具,如果需要Date原型链扩展请使用moment.js。
- EventBus是只适用于vue插件的工具,简化了官网推荐的event bus,用于跨组件传递事件。
- ArrayDel扩展了Array原生的splice,更加符合大部分删除数组元素的使用场景。
- Equal是个极简的用于判断变量是否严格相等工具,如果需要全数据类型比较,请使用lodash。
- 提供一个InjectVue工具,可以快速包装原生js方法,转换成vue插件的对象。
Component doc
Usage
yarn add util-list
ornpm install util-list --save
安装npm包- import引入
import utilList from 'util-list' // 全部引入 import { DateFormat, EventBus, ArrayDel, Equal, InjectVue } from 'util-list' // 单个引入 DateFormat() // 原生js方法使用 import Vue from 'vue' // 作为vue插件使用 const DateUtil = InjectVue(DateFormat) Vue.use(DateUtil)
InjectVue
方法提供第2个参数可选,默认为空,当提供第二个参数时,挂在vue.prototype
上的方法名会被重置。例如:// main.js import Vue from 'vue' import { DateFormat, InjectVue } from 'util-list' const DateUtil = InjectVue(DateFormat, 'format') Vue.use(DateUtil) // example.vue export default { created() { this.$_format('yy-MM-dd') // 方法名被重置为$_format } }
Attentions
- 模块导出的均为原生js方法(除EventBus以外),如果想在vue中
Vue.use()
使用,必须先用InjectVue()
。 - EventBus是vue插件,只能在vue中
Vue.use()
使用。