Syntax sugar for extending components

[yyx990803]

Currently, to extend a registered component you'd have to do this:

Vue.component('a', {})
Vue.component('b', Vue.component('a').extend({
   // ...
})

or

var A = Vue.extend({})
var B = A.extend({})
Vue.component('a', A)
Vue.component('b', B)

I'm thinking of a new syntax to make this easier, maybe something like this:

Vue
  .component('form', {})
  .component('login-form', 'form', {}) // login-form extends form

Thoughts?

[bpierre]

Vue.component could also return the created component, but I guess that it could be a source of confusion.

Another approach, more explicit:

Vue.component('form', {})
Vue.component('login-form', { extends: 'form' })

// …but this is where it becomes a horrible idea :(
var Form = Vue.extend({})
var LoginForm = Vue.extend({ extends: 'form' })

[yyx990803]

I know extends option would be confusing too, haha that's why I didn't mention it

[th0r]

Maybe return new created objects from all static Vue methods? Chaining is not very necessary in this case, imho.

[dyu]

Or C++ style extend ...
Vue
.component('form', {})
.component('login-form:form', {}) // login-form extends form

[yyx990803]

closing due to lack of consensus and the benefits is not that substantial.