feat: 增加 mounted 和 beforeUnmount 两个钩子 (#4)

* feat: 增加 beforeUnmount 可以在销毁前调用 vue 实例

* feat: 增加 mounted hook

* docs: 增加钩子例子

Author: lianghx-319

README-zh.md

@@ -54,6 +54,8 @@ yarn add @femessage/nuxt-micro-frontend -D
 ## 微前端生命周期函数例子
 [Qiankun](https://github.com/lianghx-319/micro-nuxt/blob/master/example/mfe.js)
 
+- 增加了 `mounted` 和 `beforeUnmount` 两个钩子方便操作 vue 实例
+
 ## 开发
 
 1. 克隆此仓库

README.md

@@ -54,6 +54,8 @@ yarn add @femessage/nuxt-micro-frontend -D
 ## LifeCycle hooks file example
 [Qiankun](https://github.com/lianghx-319/micro-nuxt/blob/master/example/mfe.js)
 
+- add `mounted` and `beforeUnmount` hook to get vue instance
+
 ## Development
 
 1. Clone this repository

example/mfe.js

@@ -14,6 +14,14 @@ export async function mount (render, props) {
   console.log('props from main framework', props)
 }
 
+export function mounted (vm) {
+  console.log(vm)
+}
+
+export function beforeUnmount (vm) {
+  console.log(vm)
+}
+
 export function unmount () {
   console.log('nuxt app unmount')
 }

lib/client.js

@@ -101,9 +101,11 @@ export async function bootstrap() {
 
 export async function mount(props) {
   MFE.mount && await MFE.mount(renderNuxt, props)
+  MFE.mounted && instance && await MFE.mounted(instance, props)
 }
 
 export async function unmount() {
+  MFE.beforeUnmount && await MFE.beforeUnmount(instance)
   instance.$destroy()
   instance = null
   router = null