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

1、TodoContainer組件

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

//組件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)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

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