Vue 实用技巧

更新: 4/26/2024 字数: 0 字 时长: 0 分钟

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: {
    handleClick: debounce(function () {}, 500),
  },
}
</script>

官网例子