add register plugin hooks

Author: Allenice

template/src/common/registerHooks.ts

@@ -0,0 +1,10 @@
+/**
+ * register plugins hooks for vue component
+ */
+
+import { Component } from 'vue-property-decorator'
+
+ Component.registerHooks([
+     'beforeRouteEnter',
+     'beforeRouteLeave'
+ ])

template/src/components/views/home/home.ts

@@ -16,5 +16,15 @@ export default class Home extends Vue {
         let res = await this.api.getPackage({})
         console.log(res.content)
     }
+
+    beforeRouteEnter (to, from, next) {
+        console.log('before home enter')
+        next()
+    }
+
+    beforeRouteLeave (to, from, next) {
+        console.log('before home leave')
+        next()
+    }
 }
 

template/src/main.ts

@@ -2,13 +2,21 @@
 import 'vue-svgicon/dist/polyfill'
 {{/ie}}
 import Vue from 'vue'
-import App from 'components/pages/app'
+
+// register plugins hooks fo vue component
+import 'common/registerHooks'
+
+import * as svgicon from 'vue-svgicon'
+// import all icons
+import 'components/icons'
+
 import router from 'router'
-import svgicon = require('vue-svgicon')
 {{#vuex}}
 import store from 'store'
 {{/vuex}}
 
+import App from 'components/pages/app'
+
 // import all icons
 import 'components/icons'
 Vue.use(svgicon, {
@@ -23,4 +31,3 @@ new Vue({
     {{/vuex}}
     render: h => h(App)
 })
-