future.png
珠玑技术随笔
联系/Contact:
future.png

Vue 3 使用 Lodash 工具库的方法

2021年07月22日

Hsu

2分钟

Lodash 是一个知名的 Javascript 工具库合集,用来节省程序员的生命,由社区维护,降低内存泄漏几率,比自己写的大多数方法要可靠多了。
曾经也出现过致命漏洞事件,不过更新够快,还是十分可靠的。

Lodash 官方文档 https://lodash.com/

代码

import _ from 'lodash'
import { orderBy } from 'lodash'

...
  setup() {
      // 节流
      const draw = _.throttle(
      function () { // 注意不要使用ES6箭头函数
        // 逻辑代码
      },
      200,
      { trailing: true }
      )

      const calculate = () => {
      const distanceArray = [{
        name:"Tom",
        distance: "5km"
      }]
      // 排序
      const result = orderBy(
        distanceArray,
        function (item) {
        return item.distance
        },
      ['asc']
      )
      // 分组
      const newArray = _.groupBy(distanceArray, 'name')
      }
  },
...