vue新建组件

Question

新建自定义组件通过Vue.extend()或者直接大括号新建有什么区别？

var myComponent={
    template:'hello world'
};
var myComponent2=Vue.extend({
    template:'hello world'
});

上面两个代码显示结果一样

<div id="app">
    <my-component></my-component>
    <my-component2></my-component2>
</div>

Vue.component('my-component',myComponent);
Vue.component('my-component2',myComponent2);
var vm=new Vue({
    el:'#app'
})

Answer 1

第二个是路由组件，定义路由规则时要这样定义；
第一个，在页面中用