如果大家只顧開發(fā)，對(duì)基礎(chǔ)知識(shí)不了解，在今后的解決問題過程中，也是個(gè)大問題，今天小編抽空對(duì)基礎(chǔ)概念給大家屢一下，用于大家日后學(xué)習(xí)。

Vue.extend({})簡(jiǎn)述：使用vue.extend返回一個(gè)子類構(gòu)造函數(shù)，也就是預(yù)設(shè)部分選項(xiàng)的vue實(shí)例構(gòu)造器。

后可使用vue.component進(jìn)行實(shí)例化、或使用new extendName().$mount(''+el)方式進(jìn)行實(shí)例化（從而實(shí)現(xiàn)模擬組件）。

Vue.component({})簡(jiǎn)述：不多介紹了。。。用于生成全局組件

使用：

　　1，Vue.component使用Vue.extend生成的構(gòu)造函數(shù)：

　　2，實(shí)例化構(gòu)造函數(shù)從而模擬組件：

vue.extend與vue.component的區(qū)別總結(jié)

在Vue.js中，Vue本身是一個(gè)constructor。

Vue.extend() 是一個(gè)繼承于方法的 class，參數(shù)是一個(gè)包含組件選項(xiàng)的對(duì)象。它的目的是創(chuàng)建一個(gè)Vue的子類并且返回相應(yīng)的 constructor。

而Vue.component()實(shí)際上是一個(gè)類似于Vue.directive() 和 Vue.filter()的注冊(cè)方法，它的目的是給指定的一個(gè)constructor一個(gè)String類型的ID，

之后Vue.js可以把它用作模板，實(shí)際上當(dāng)你直接傳遞選項(xiàng)給Vue.component()的時(shí)候，它會(huì)在背后調(diào)用Vue.extend()。

Vue.js支持兩種不同的API模型：一種是基于類的，命令式的，Backbone 類型的API；另一種是基于標(biāo)記語言的，聲明式的，Web組件類型的API。

如果還是困惑的話，可以想象你是怎么創(chuàng)建通過new Image()或者 <img>標(biāo)簽創(chuàng)建 image元素的就知道了。

這兩種方法都對(duì)指定的類型很有用，Vue.js提供這兩者只是為了更好的靈活性。

下面看下vue.extend，new vue 和vue.component的區(qū)別

extend 是構(gòu)造一個(gè)組件的語法器. 你給它參數(shù) 他給你一個(gè)組件 然后這個(gè)組件

你可以作用到Vue.component 這個(gè)全局注冊(cè)方法里， 也可以在任意vue模板里使用apple組件

var apple = Vue.extend({ …. }) Vue.component(‘a(chǎn)pple',apple)

你可以作用到vue實(shí)例或者某個(gè)組件中的components屬性中并在內(nèi)部使用apple組件

new Vue({ components:{ apple:apple } })

Vue.component 你可以創(chuàng)建 ，也可以取組件 例如下

var apple = Vue.component(‘a(chǎn)pple') 而new vue 是新建一個(gè)vue對(duì)象 所以可以理解為new vue < vue.extand < vue.component

最新評(píng)論