Lodash

入门

安装

npm i --save lodash-es

import * as _ from 'lodash-es';

import { debounce } from 'lodash-es';

函数

_.debounce: 防抖

  <el-input-number v-model="ruleForm[`score${index}`]" precision="1"  :min="0" :max="item.fullMark"
	placeholder="分数" @change="onInputNumberChange" />

// 用户一秒之后不再更新分数就提交分数
const onInputNumberChange = debounce(() => {
  updateScore()
},1000)

在watch中使用防抖。

  watch: {
    formList:{
      handler: debounce(function() {
        this.initData();
      }, 500),
      deep: true
    },
  },

其他函数

• _.isEqual：两个对象是否相等。
• _.get: 根据对象路径获取值。
• _.capitalize： 首字母大写
• _.camelCase： 驼峰命名
• _.cloneDeep: 深拷贝

扩展阅读

• es-toolkit
• 用lodash开发前端，真香！
• 使用 lodash 判断值是否为空