美文网首页
VUE—lodash

VUE—lodash

作者: 大眼袋阿姨 | 来源:发表于2019-09-25 13:35 被阅读0次

    一、安装

    npm i lodash -S
    

    二、方法一
    1.引入

    import _ from 'lodash'
    Vue.prototype._ = _
    

    2.使用

    this._.debounce(this.handleClick,1000,false)
    

    二、方法二
    1.引入

    let _ = require('lodash')
    

    2.使用

    _.debounce(this.handleClick,1000,false)
    

    三 、组件中使用

    <template>
      <div>
        <el-button @click="_debounce">lodash的debounce</el-button>
      </div>
    </template>
    <script>
        let _ = require('lodash')
        export default {
          methods: {
            handleClick2() {
              console.log(`真正执行的函数,次数比较少:handleClick2.....`);
            },
            _debounce() {
              console.log(`_debounce.....`);
              this._DB();
            }
          },
          created() {
            this._DB = this._.debounce(this.handleClick2,1000,false);
          }
        }
    </script>

    相关文章

      网友评论

          本文标题:VUE—lodash

          本文链接:https://www.haomeiwen.com/subject/zodructx.html