Vue 实用技巧

Vue2 在父组件中监听子组件的生命周期钩子

<template>
  <child @hook:mounted="onChildMounted"></child>
</template>
<script>
export default {
  methods: {
    onChildMounted() {},
  },
}
</script>

相关源码

在 methods 中使用 debounce / throttle

<template>
  <div class="container" @click="handleClick"></div>
</template>
<script>
import { debounce } from 'lodash-es'
export default {
  methods: {
    // 猪猪：这里不能使用箭头函数，否则 this 会指向 window 或 undefined
    handleClick: debounce(function () {}, 500)
  }
}
</script>

替换 debounce 过滤器 | Vue.js 官方文档