hook使用

hook使用

假设一个场景如果我们需要在数据渲染到页面的之前让页面loading。mounted 之后停止 loading。beforeUpdata 时开始loading。updatad 之后停止 loading。最简单的方法就是改写组件的生命周期函数，使其在mounted/beforeUpdata /updatad 时通知父组件显示或者隐藏 loading，
一般使用this.$emit()去触发父组件方法，
这样做显示不好，因为侵入了自组件的逻辑，增加的逻辑也和组件本身的功能好不关联。最好的办法就是使用hook

<data-list
  @hook:mounted="loading = false"
  @hook:beforeUpdated="loading = true"
  @hook:updated="loading = false"
  :data="dataList"
/>