本页目录

`Vue` 实用技巧

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

vue

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

在 `methods` 中使用 `debounce` / `throttle`

vue

<template>
  <div class="container" @click="handleClick"></div>
</template>
<script>
import { debounce } from 'lodash-es'
export default {
  methods: {
    handleClick: debounce(function () {}, 500)
  }
}
</script>