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运行效果图（二）