vue学习笔记一：组件的注册

前言

vue组件的注册有多种方式，主要分为全局注册和局部注册。而全局注册又可以有几种的注册方式，下面就来详细探讨下吧。

全局注册

方式一：Vue.extend(）+ Vue.component(）

语法：
Vue.extend( options )
参数：{Object} options
用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

Vue.component( id, [definition] )
参数：
{string} id
{Function | Object} [definition]
用法：注册或获取全局组件。注册还会自动使用给定的id设置组件的名称

代码实例：

<div id="app">
	<login-component></login-component>
</div>
<script>
    // 第一步
    var com1 = Vue.extend({
        template: '<h1>这是使用 Vue.extend创建的组件</h1>'
    });
    // 第二步
    Vue.component('LoginComponent', com1);
    var vm = new Vue({
        el: '#app',
        data: { },