high order component template in Vue2.0

facai.vue

<template>
<p>
  <haha>
    <v-template inline-template>
      <span>{{$ctx.name}}说: 闷声发大财 +{{$ctx.i}}s<br/></span>
    </v-template>
  </haha>
</p>
</template>

<script>
import haha from './haha.vue'
export default {
  components: { haha, }
}
</script>

haha.vue

<template>
<p>
  <button @click="repeat++">+1s</button>
  {{repeat}}<br/>
  <v-outlet source="ss" :$ctx="{name: '江', i: repeat}" v-for="i in repeat">
    <span>{{i}}颗赛艇! 总共{{repeat}}颗赛艇<br/></span>
  </v-outlet>
</p>
</template>
<script>
import { Component, Vue, } from 'av-ts'

@Component
export default class Haha extends Vue {
  repeat = 3
}
</script>

helper.ts

Vue.component('v-template', {
  created() {
    this.$options.render = h => h('')
  }
})
Vue.component('v-outlet', {
  props: {
    source: {
      type: String,
      default: 'default',
    },
    $ctx: {}
  },
  created() {
    let slots = this && this.$parent && this.$parent.$slots
    let vnodes = slots && slots[this['source']]
    let vnode = vnodes && vnodes[0]
    let template = vnode && vnode.data && vnode.data.inlineTemplate
    if (!template) {
      this.$options.render = function(h) {
        let fallbacks = this.$slots['default']
        return (fallbacks && fallbacks[0]) || h('')
      }
      return
    }
    this.$options.render = template.render as any
    this.$options.staticRenderFns = template.staticRenderFns as any
  }
})