vue的开发技巧

1.监听组件的生命周期

比如有父组件 Parent 和子组件 Child ，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，常规的写法可能如下：

// Parent.vue

<Child @mounted="doSomething"/>

// Child.vue

mounted() {

 this.$emit("mounted");

}

这里提供一种特别简单的方式，子组件不需要任何处理，只需要在父组件引用的时候通过 @hook 来监听即可，代码重写如下：

<Child @hook :mounted="doSomething"/>

当然这里不仅仅是可以监听 mounted ，其它的生命周期事件，例如： created ， updated 等都可以