fix(mp-toutiao): 修复反复快速创建销毁页面时组件无法渲染的问题

src/platforms/mp-toutiao/runtime/wrapper/component-parser.js

 import {
   isPage,
   initRelation,
-  handleLink
+  handleLink,
+  components
 } from './util'
 
 import {
@@ -11,17 +12,26 @@ import {
 
 import parseBaseComponent from '../../../mp-weixin/runtime/wrapper/component-base-parser'
 
-const components = []
+function currentComponents (mpInstance, callback) {
+  const webviewId = mpInstance.__webviewId__
+  const currentComponents = components[webviewId]
+  if (currentComponents) {
+    callback(currentComponents)
+  }
+}
 
 export default function parseComponent (vueOptions) {
   const [componentOptions, VueComponent] = parseBaseComponent(vueOptions)
+  const lifetimes = componentOptions.lifetimes
 
   // 基础库 2.0 以上 attached 顺序错乱，按照 created 顺序强制纠正
-  componentOptions.lifetimes.created = function created () {
+  lifetimes.created = function created () {
+    currentComponents(this, components => {
       components.push(this)
+    })
   }
 
-  componentOptions.lifetimes.attached = function attached () {
+  lifetimes.attached = function attached () {
     this.__lifetimes_attached = function () {
       const properties = this.properties
 
@@ -48,6 +58,7 @@ export default function parseComponent (vueOptions) {
       // 触发首次 setData
       this.$vm.$mount()
     }
+    currentComponents(this, components => {
       let component = this
       while (component && component.__lifetimes_attached && components[0] && component === components[0]) {
         components.shift()
@@ -55,10 +66,20 @@ export default function parseComponent (vueOptions) {
         delete component.__lifetimes_attached
         component = components[0]
       }
+    })
+  }
+
+  lifetimes.detached = function detached () {
+    currentComponents(this, components => {
+      const index = components.indexOf(this)
+      if (index >= 0) {
+        components.splice(index, 1)
+      }
+    })
   }
 
   // ready 比 handleLink 还早，初始化逻辑放到 handleLink 中
-  delete componentOptions.lifetimes.ready
+  delete lifetimes.ready
 
   componentOptions.methods.__l = handleLink
 

src/platforms/mp-toutiao/runtime/wrapper/page-parser.js

 import {
   isPage,
   instances,
+  components,
   initRelation
 } from './util'
 
@@ -11,8 +12,17 @@ export default function parsePage (vuePageOptions) {
     isPage,
     initRelation
   })
+  const lifetimes = pageOptions.lifetimes
+  const oldCreated = lifetimes.created
+  lifetimes.created = function created () {
+    const webviewId = this.__webviewId__
+    components[webviewId] = []
+    if (typeof oldCreated === 'function') {
+      oldCreated.call(this)
+    }
+  }
   // 页面需要在 ready 中触发，其他组件是在 handleLink 中触发
-  pageOptions.lifetimes.ready = function ready () {
+  lifetimes.ready = function ready () {
     if (this.$vm && this.$vm.mpType === 'page') {
       this.$vm.__call_hook('created')
       this.$vm.__call_hook('beforeMount')
@@ -23,8 +33,11 @@ export default function parsePage (vuePageOptions) {
       this.is && console.warn(this.is + ' is not ready')
     }
   }
-
-  pageOptions.lifetimes.detached = function detached () {
+  const oldDetached = lifetimes.detached
+  lifetimes.detached = function detached () {
+    if (typeof oldDetached === 'function') {
+      oldDetached.call(this)
+    }
     this.$vm && this.$vm.$destroy()
     // 清理
     const webviewId = this.__webviewId__
@@ -33,6 +46,7 @@ export default function parsePage (vuePageOptions) {
         delete instances[key]
       }
     })
+    delete components[webviewId]
   }
 
   return pageOptions

src/platforms/mp-toutiao/runtime/wrapper/util.js

@@ -52,6 +52,7 @@ export function initRefs (vm) {
 }
 
 export const instances = Object.create(null)
+export const components = Object.create(null)
 
 export function initRelation ({
   vuePid,