vue的组件的更新

在Vue组件中，可以用过once去监听所有的生命周期钩子函数，如监听组件的updated钩子函数可以写成 this.$on(‘hook:updated’, () => {})。 hook除了上面的运用外，还可以外部监听组件的生命周期函数。在某些情况下，我们需要在父组件中了解一个子组件何时被创建、挂载或更新。 比如，如果你要在第三方组件 CustomSelect 渲染时监听其 updated 钩子，可以通过@hook:updated来实现：

  

<template>
<!--通过@hook:updated监听组件的updated生命钩子函数-->
<!--组件的所有生命周期钩子都可以通过@hook:钩子函数名 来监听触发-->
<custom-select @hook:updated="doSomething" />
</template>
<script>
import CustomSelect from "../components/custom-select";
export default {
components: {
CustomSelect
},
methods: {
doSomething() {
console.log("custom-select组件的updated钩子函数被触发");
}
}
};
</script>