javascript - 为什么vue的方法不行？

Question

我正在尝试在 vue 上编写一个方法，为什么 'clickA' 不能工作，但 'clickB' 可以工作？

注意:解决方案应该让 throttle功能类似于“clickB”。

new Vue({
  el: '#app',
  methods: {
    clickA: function() {
      _.throttle(function() {
        var date = new Date();
        var time = date.toLocaleTimeString();
        console.log('A clicked', time)
      }, 1000)
    },
    clickB: _.throttle(function() {
      var date = new Date();
      var time = date.toLocaleTimeString();
      console.log('B clicked', time)
    }, 1000)
  }
});

<script src="https://unpkg.com/vue@2.5.10/dist/vue.min.js"></script>
<script src="https://unpkg.com/lodash@4.17.4/lodash.min.js"></script>
<div id="app">
  <button type="button" @click="clickA">A</button>
  <button type="button" @click="clickB">B</button>
</div>

Answer 1

_.throttle 返回一个新函数。想想看，这可能有点难以理解，但这是有道理的!

clickB 绑定(bind)到 _.throttle 返回的函数。

但是，在 clickA 中，您没有将点击操作绑定(bind)到 _.throttle 创建的函数。