一步一步學(xué)Vue(四)

1、TodoContainer組件

　　TodoContainer組件，用來(lái)組織其它組件，這是react中推薦的方式，也是redux中高階組件一般就是用來(lái)包裝成容器組件用的，比如redux中的connect函數(shù)，返回的包裝組件就是一個(gè)容器組件，它用來(lái)處理這樣一種場(chǎng)景：加入有A、B兩個(gè)組件，A組件中需要通過(guò)Ajax請(qǐng)求和后端進(jìn)行交互；B組件也需要通過(guò)Ajax請(qǐng)求和后端交互，針對(duì)這種場(chǎng)景有如下代碼：

//組件A定義var CompA={
    template:'<div>A 渲染 list</div>',
    data:function(){        return {
            list:[]
        }
    },
    methods:{
        getListA:function(){
            $.ajax({
                url:'xxx',
                dataType:'json',
                success:r=>this.list=r.data
            })
        }
    }
};//組件B定義var CompB={
     template:'<div>B 渲染list</div>',
    data:function(){     
        
		

        		
網(wǎng)友評(píng)論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式