4.3　extend的用法

extend：局部注冊(cè)時(shí)應(yīng)用。注意，extend創(chuàng)建的是一個(gè)組件構(gòu)造器，而不是一個(gè)具體的組件實(shí)例。因此，不能直接在new Vue()中使用new Vue({components:fun})，而是需要通過(guò)Vue.components()注冊(cè)才可以使用。

代碼如下：

運(yùn)行的效果如圖4-12所示。

圖4-12　extend運(yùn)行效果圖（一）

在實(shí)例化extend組件構(gòu)造器時(shí)，傳入屬性必須是propsData，而不是props。另外，無(wú)論是Vue.extend()還是Vue.component()中的data定義都必須是函數(shù)返回對(duì)象，如Vue.extend({data:function(){return{}}})。

此外，使用new Vue()可以直接對(duì)data設(shè)置對(duì)象，如new Vue({data: {}})。代碼如下：

運(yùn)行的效果如圖4-13所示。

圖4-13　extend運(yùn)行效果圖（二）