vue.js組件有哪些用處

發布時間：2020-12-10 13:53:49 來源：億速云閱讀：216 作者：小新欄目：編程語言

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

vue.js組件是用來完成特定功能的一個自定義的HTML標簽，分為全局組件和局部組件，全局組件可以在任何被掛著的標簽中使用，局部組件是定義在某個vue實例上的。

組件是用來完成特定功能的一個自定義的HTML標簽

例如：

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

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

組件的作用

組件是對特點功能代碼(html,css,js)的封裝, 通過組件的名字可以重復利用該組件中的代碼.

組件分類:

全局組件和局部組件

注意：組件的template模板必須有且只有一個根標簽（所有內容必須由一個標簽套起來）。

全局組件

1、全局組件的語法:

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

2、全局組件的特點:

1、局部語法:

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

2、局部組件的特點

局部組件只能夠在所掛載的標簽中使用。

關于vue.js組件有哪些用處就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站