?Vue.extend()和Vue.component()的區別

在Vue.js中,Vue本身是一個constructor。
Vue.extend() 是一個繼承于方法的 class,參數是一個包含組件選項的對象。它的目的是創建一個Vue的子類并且返回相應的 constructor。
而Vue.component()實際上是一個類似于Vue.directive() 和 Vue.filter()的注冊方法,它的目的是給指定的一個constructor一個String類型的ID,
之后Vue.js可以把它用作模板,實際上當你直接傳遞選項給Vue.component()的時候,它會在背后調用Vue.extend()。

Vue.js支持兩種不同的API模型:一種是基于類的,命令式的,Backbone 類型的API;另一種是基于標記語言的,聲明式的,Web組件類型的API。
如果還是困惑的話,可以想象你是怎么創建通過new Image()或者 <img>標簽創建 image元素的就知道了。
這兩種方法都對指定的類型很有用,Vue.js提供這兩者只是為了更好的靈活性。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,241評論 0 6
  • UI組件element ★11612 - 餓了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于...
    董董董董董董董董董大笨蛋閱讀 8,586評論 6 123
  • 或者到弗林特湖以東的柏樹林去,圓柏結滿了藍色的漿果,一株更比一株高,很適合佇立在瓦爾哈拉,歐刺柏則隨處可見,枝頭也...
    心不廣閱讀 333評論 0 0
  • NO.1購買域名并做域名解析 NO.2購買主機 NO.3測試主機聯通 ping x.x.x.x NO.4登錄到服務...
    youngiyang_打碼少年閱讀 1,165評論 0 16
  • 一直在路上,一直在尋找,不知道什么是對的,什么是錯的,摸摸索索,迷迷糊糊,什么時候失去了行動力,開始慢慢抱怨環境不...
    雨后初霽sky閱讀 162評論 0 0