问个vue组件问题

Question

var child = {template: '<div>this is child component </div>'};

与
var child = Vue.extend({template: '<div>this is child component </div>'});
区别

求详细解答

Answer 1

区别是，extend 设置的没有id('my-component')

// 设
var child = Vue.extend({/*略*/});
Vue.component('my-component',child);
// 等价与
Vue.component('my-component',{/*略*/});

// 设 
Vue.component('my-component',{/*略*/});
// 则下面两个 child 等价
var child = Vue.extend({/*略*/});
var child = Vue.componet('my-component')