Vue.extend prototype

Version

2.6.7

Reproduction link

https://repl.it/@Ti_webdev/Vue-extend

Steps to reproduce

const Vue2 = Vue.extend({})
Vue2.prototype.$foo = 'bar'

const Child = {
  render (h) {
    return h('h1', 'Hello Vue.extend! '   this.$foo)
  }
}

new Vue2({
  render (h) {
    return h(Child)
  },
  el: "#app"
}).$mount()

What is expected?

Hello Vue.extend! bar

What is actually happening?

Hello Vue.extend! undefined

[posva]

that’s normal, Child is also extending Vue, you can make it extend Vue2 though:

const Child = Vue2.extend({
  render (h) {
    return h('h1', 'Hello Vue.extend! ' +  this.$foo)
  }
})

[Ti-webdev]

Unfortunately I have more complicated case where your way does not work 😦 I want to isolate third-party library with code like in the example http://jsfiddle.net/vg8y5n34/3/