首頁 > web前端 > Vue.js > 什麼是vue.js元件

什麼是vue.js元件

coldplay.xixi
發布: 2020-11-30 17:00:09
原創
2269 人瀏覽過

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

什麼是vue.js元件

【相關文章推薦:vue.js

元件是用來完成特定功能的一個自訂的HTML標籤

例如:

<body>
    <mytag></mytag>
</body>
登入後複製

注意: mytag就是一個元件, 這個元件必須透過Vue為mytag賦予一定的功能

##元件的作用

元件是對特點函數程式碼(html,css,js)的封裝, 透過元件的名字可以重複利用該元件中的程式碼.

元件分類:

全域元件和局部元件

注意:元件的template模板必須有且只有一個根標籤(所有內容必須由一個標籤套起來)。

全域元件

1、全域元件的語法:

Vue.component("自定义标签的名字",{配置对象})
登入後複製

2、全域元件的特點:

  • 全域元件可以在任何被掛著的標籤中使用.

  • 全域元件的配置物件中必須包含template屬

  • 局部元件-是定義在某個vue實例上的

1、局部語法:

var app = new Vue({
    el: "#app",
    data: {},
    components : {
        "局部组件的名字1" : {组件的配置对象}
          "局部组件的名字2" : {组件的配置对象}
    }
});
登入後複製

2、局部元件的特性

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

相關免費學習推薦:JavaScript(影片)

######

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板