4.3　extend的用法

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

代碼如下：

運行的效果如圖4-12所示。

圖4-12　extend運行效果圖（一）

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

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

運行的效果如圖4-13所示。

圖4-13　extend運行效果圖（二）