Vue Class Component使用二

一、vue router hooks路由钩子

import Component from 'vue-class-component'
// 注册路由钩子，必须在任何组件定义之前注册它们
Component.registerHooks([
  'beforeRouteEnter',
  'beforeRouteLeaver',
  'beforeRouteUpdate'
])

二、类组件将它们实现为类原型方法

import Vue from 'vue'
import Component from 'vue-class-component'

@Component
export default class HelloWorld extends Vue{
  beforeRouteEnter(to, from, next){
    console.log('beforeRouteEnter')
    next()
  }
  beforeRouteLeaver(to, from, next){
    console.log('beforeRouteLeaver')
    next()
  }
  beforeRouteUpdate(to, from, next){
    console.log('beforeRouteUpdate')
    next()
  }
}