需求：構建一個類似elment-ui的元件庫，打包釋出到npm

    個人探索：webpack打包釋出到npm流程 --> 元件開發環境和元件釋出環境探索 -->兩種型別的元件

    個人探索流程和實際流程基本是反著來的

    本文目標：完成兩種型別的元件，extend生成一個類似alert的元件，component生成一個search框元件

    前置條件：本人是基於vue-cli全家桶搭的元件開發環境，別說你不會

  （1）extend元件構建器

    官網描述：聽不懂聽不懂聽不懂 && 官網給的例子很坑 && 官網的元件部分只提到了component（過分啦

    個人描述：暫時還沒有掛載到dom文件流中的一個元件說明（你能在網上找到類似說明的歡迎來噴我，第一眼看到就能看懂的也歡迎噴我 ）

   （2）component 元件註冊器

    官網描述：很詳細很詳細很詳細 && 例子很多很多很多 && 初學者肯定會用的

    個人描述：我也不需要掛載到dom文件流中，我也還是一個說明(大家都愛用)

    官網的坑：

    extend 寫法：

<div id="mount-point"></div>

// 建立構造器
var Profile = Vue.extend({
  template: '<p>{{firstName}}</p>',
  data: function () {
    return {
      firstName: 'Walter',
    }
  }
})
// 建立 Profile 例項，並掛載到一個元素上（坑！！！！！！！！！！）
new Profile().$mount('#mount-point')
 

    我用component寫一下：

<hello></hello>

Vue.component('hello',
template: '<p>{{firstName}}</p>',
  data: function () {
    return {
      firstName: 'Walter',
    }
  })

結果都是一樣的

<p>Walter</p>

    看起來，extend寫法還更噁心一點

    不但要建立構造器，還要new一個例項，還要掛載到特定的元素上，這個特定元素最終還被完全替換了，不像component用起來那麼舒服，註冊好特定的名字之後，想在哪裡用，就在哪裡寫元件名，程式還更易讀。

    那不用看下去了，以後都用component了。

    所以說extend到底有什麼優勢呢？只要繞開官網的坑就明白了，生成的例項並不一定要"掛載到一個元素上"。也就是
 

    new 例項().$mount() 的 $mount()$mount()$mount()$mount()$mount()......（重要的坑要提醒一百遍）的引數可以為空，但他依舊能生成一個例項。

那麼問題來了，生成的例項不掛載到dom文件流裡面，有什麼用？木有關係！生成的例項裡面有$el這個引數，記錄了生成的dom啊，這個dom你想插哪裡插哪裡。（document.body.appendChild( 例項.$el）)

    總結：component是extend的親民版，但在實現某些特殊需求的時候，就需要用到extend，如alert元件，你肯定希望alert可以動態插入到body中，而不需要在dom文件流中放一個莫名其妙的alert，大部分時間他還是隱藏的。（你能用component實現我服你）

    你肯定以為我會實現一下本文的目標，然而我只打算提供一個思路，有時間會詳細說明兩種型別的元件的實現，以及如何用Vue.use（）方法載入個人組件外掛。