什麼是vue.js元件

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

什麼是vue.js元件

【相關文章推薦：vue.js】

元件是用來完成特定功能的一個自訂的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、局部元件的特性

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

相關免費學習推薦：JavaScript（影片）

######

以上是什麼是vue.js元件的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多