vue.js元件是用來完成特定功能的一個自訂的HTML標籤,分為全域元件和局部元件,全域元件可以在任何被掛著的標籤中使用,局部元件是定義在某個vue實例上的。
【相關文章推薦:vue.js】
元件是用來完成特定功能的一個自訂的HTML標籤
例如:
<body> <mytag></mytag> </body>
注意: mytag就是一個元件, 這個元件必須透過Vue為mytag賦予一定的功能
##元件的作用
元件是對特點函數程式碼(html,css,js)的封裝, 透過元件的名字可以重複利用該元件中的程式碼.元件分類:
全域元件和局部元件注意:元件的template模板必須有且只有一個根標籤(所有內容必須由一個標籤套起來)。 全域元件1、全域元件的語法:Vue.component("自定义标签的名字",{配置对象})
1、局部語法:
var app = new Vue({ el: "#app", data: {}, components : { "局部组件的名字1" : {组件的配置对象} "局部组件的名字2" : {组件的配置对象} } });
2、局部元件的特性
局部元件只能夠在所掛載的標籤中使用。######相關免費學習推薦:JavaScript(影片)
以上是什麼是vue.js元件的詳細內容。更多資訊請關注PHP中文網其他相關文章!