Vue.extend的用法
一、 extend创建的是一个组件构造器,而不是一个具体的组件实例
所以他不能直接在new Vue中这样使用: new Vue({components: first})
最终还是要通过Vue.components注册才可以使用的。
创建一个div容器放置组件
![](https://img.haomeiwen.com/i12896857/c50ca2b73bba8951.png)
![](https://img.haomeiwen.com/i12896857/a99e1d1cd32b5b1b.png)
![](https://img.haomeiwen.com/i12896857/c6cccc5a28107405.png)
![](https://img.haomeiwen.com/i12896857/b6a91c783ceea464.png)
![](https://img.haomeiwen.com/i12896857/129968bf347f7e6e.png)
二、在实例化extends组件构造器时,传入属性必须是propsData、而不是props。另外,无论是Vue.extend还是Vue.component 里面的data定义都必须是函数返回对象,如 Vue.extend({data: function () {return {}}})。除了new Vue可以直接对data设置对象之外吧,如 new Vue({data: {}});
![](https://img.haomeiwen.com/i12896857/69eb90fa6be4d1f7.png)
网友评论