小編給大家分享一下組件中使用vue.entend的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比煙臺網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式煙臺網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋煙臺地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

組件中使用vue.entend的方法：1、extend創(chuàng)建的是一個組件構(gòu)造器，而不是一個具體的組件實例；2、在實例化extends組件構(gòu)造器時，傳入屬性必須是propsData、而不是props。

組件中使用vue.entend的方法：

一、 extend創(chuàng)建的是一個組件構(gòu)造器，而不是一個具體的組件實例

所以他不能直接在new Vue中這樣使用：

new Vue({components: first})

最終還是要通過Vue.components注冊才可以使用的。

創(chuàng)建一個div容器放置組件

創(chuàng)建一個子組件

創(chuàng)建一個父組件

局部注冊以及全局注冊的示例寫法

結(jié)果為：

二、在實例化extends組件構(gòu)造器時，傳入屬性必須是propsData、而不是props。另外，無論是Vue.extend還是Vue.component里面的data定義都必須是函數(shù)返回對象，如

Vue.extend({data: function () {return {}}})

除了new Vue可以直接對data設(shè)置對象之外吧，如

new Vue({data: {}});

看完了這篇文章，相信你對組件中使用vue.entend的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！