componemt注冊組件
template設置組件的內容部分
兩個參數:組件名,組件配置信息。 注意:組件名第二個及后面的字母不能寫大寫
自定義模塊有兩種方法,一種是全局組件,另一種是局部組件
第一種:全局組件,寫在vue外
在創建的所有vue實例對象的控制范圍內部都可以使用,並且,new Vue創建的對象配置信息屬性除了el組件不能使用外,其他組件都可以使用
方法:
Vue.component("組件名",{
template:`組件配置信息`,
data:function(){
return{
數據源
}
}
})
第二種:局部組件,可以在vue實例中注冊局部組件,這樣組件只能在這個實例對象控制的范圍內使用,這叫做自定義局部組件
方法:
var arrA = {
template:`<div v-text = "msg">內容</div>`,
data:function(){
return{
msg:""
}
}
}
components:{
<!-- 當組件名和配置信息一樣時可以寫一個'abc':abc,可以寫成abc, -->
'組件名':arrA(配置信息)
}
