組件中使用vue.entend的方法

發(fā)布時間：2020-12-09 10:21:51 來源：億速云閱讀：191 作者：小新欄目：編程語言

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

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

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

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

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

new Vue({components: first})

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

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

組件中使用vue.entend的方法

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

組件中使用vue.entend的方法

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

組件中使用vue.entend的方法

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

組件中使用vue.entend的方法

結(jié)果為：

組件中使用vue.entend的方法

二、在實(shí)例化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的方法

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

向AI問一下細(xì)節(jié)

猜你喜歡