vue.js組件有哪些用處

發(fā)布時(shí)間：2020-12-10 13:53:49 來(lái)源：億速云閱讀：209 作者：小新欄目：編程語(yǔ)言

這篇文章將為大家詳細(xì)講解有關(guān)vue.js組件有哪些用處，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

vue.js組件是用來(lái)完成特定功能的一個(gè)自定義的HTML標(biāo)簽，分為全局組件和局部組件，全局組件可以在任何被掛著的標(biāo)簽中使用，局部組件是定義在某個(gè)vue實(shí)例上的。

組件是用來(lái)完成特定功能的一個(gè)自定義的HTML標(biāo)簽

例如：

<body>
    <mytag></mytag>
</body>

注意: mytag就是一個(gè)組件, 該組件必須通過(guò)Vue為mytag賦予一定的功能

組件的作用

組件是對(duì)特點(diǎn)功能代碼(html,css,js)的封裝, 通過(guò)組件的名字可以重復(fù)利用該組件中的代碼.

組件分類:

全局組件和局部組件

注意：組件的template模板必須有且只有一個(gè)根標(biāo)簽（所有內(nèi)容必須由一個(gè)標(biāo)簽套起來(lái)）。

全局組件

1、全局組件的語(yǔ)法:

Vue.component("自定義標(biāo)簽的名字",{配置對(duì)象})

2、全局組件的特點(diǎn):

全局組件可以在任何被掛著的標(biāo)簽中使用.
全局組件的配置對(duì)象中必須包含template屬
局部組件-是定義在某個(gè)vue實(shí)例上的

1、局部語(yǔ)法:

var app = new Vue({
    el: "#app",
    data: {},
    components : {
       　"局部組件的名字1" : {組件的配置對(duì)象}
       　　 "局部組件的名字2" : {組件的配置對(duì)象}
    }
});

2、局部組件的特點(diǎn)

局部組件只能夠在所掛載的標(biāo)簽中使用。

關(guān)于vue.js組件有哪些用處就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

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

vue.js組件有哪些用處

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽