vue学习之路===>全局组件定义的三种方式

全局组件定义的三种方式

1. 使用 Vue.extend 配合 Vue.component 方法：

var login = Vue.extend({
      template: '
登录
'
    });
    Vue.component('login', login);

2. 直接使用 Vue.component 方法：

Vue.component('register', {
      template: '
注册
'
    });

3. 将模板字符串，定义到script标签种：

同时，需要使用 Vue.component 来定义组件：

Vue.component('account', {
      template: '#tmpl'
    });

注意： 组件中的DOM结构，有且只能有唯一的根元素（Root Element）来进行包裹！