Vue :style影响 数据响应

假如你和我一样遇到了这个问题？我的答案不一定适合你，但看了绝对对你只有好处，没有坏处。

我目前在做这玩意儿

用的vue-draggable-resizable插件。

我在一个需求上卡住了，思路没问题，实现步骤没问题。就是一个DIV跟据你输入的文字多少自动缩放。问题出现在哪里呢？导至VUE父组件无法监听到prop传来的值。我一路排查，表象测试出是:style影响，但最终定位到性能，是性能原因,:style只是它的表现原因。(查找真正原因花了我3小时，很辛苦)

这个是很耗性能的，我用节流函数处理一下就OK了，就不用频繁的云响应云处理。导至性能使用率高而不能VUE响应监听了。

/**
 * 函数节流
 * @param fn
 * @param interval
 * @returns {Function}
 * @constructor
 */
export function _throttle(fn, time) {
  let last
  let timer
  const interval = time || 200
  return function() {
    const th = this
    const args = arguments
    const now = +new Date()
    if (last && now - last < interval) {
      clearTimeout(timer)
      timer = setTimeout(function() {
        last = now
        fn.apply(th, args)
      }, interval)
    } else {
      last = now
      fn.apply(th, args)
    }
  }
}

对于节流的作用不清晰的，可以看我前期博客，有专门针对这方面的讲解。