vue中的自定義模塊


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(配置信息)
}

  

 

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM