国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说
,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区 

  
      
    

        

	
        
		
        
			
        
				
        Vue 插槽之 作用域插槽
        
				
        
					
         2019-5-22      seo達人      
        
					
					
        
						
					
        
				
        
				
			
        
			
        
				
        
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

        

        
    現在我有如下需求，子組件 <user /> 中此時有一條用戶的信息（userInfo）；我要在父組件通過插槽展示這個用戶的姓名（userInfo.name）；
        

        
注意：這里的父組件并沒有這個用戶的信息，子組件中有，如果直接在父組件{{userInfo.name}} 獲取這條信息是獲取不到的；因為，只有 <user /> 組件可以訪問到 userInfo，而我們提供的內容是在父組件渲染的；
        
模板在哪寫，就是用哪里的變量，跟插槽用在哪無關
        
模板是在父組件中寫好，被編譯過后，傳到子組件的插槽中的
        

        
為了讓父組件的插槽內容可以讀取到子組件的數據，我們可以將userInfo 作為一個 <slot> 元素的特性綁定上去；
        

        
// 子組件
        
const card = {
        
    data() {
        
        return {
        
            userInfo: {name: '宮鑫'}
        
        }
        
    },
        
    template: `
        
    <div class='card'>
        
        <!-- 在插槽上綁定子組件的數據 -->
        
        <slot :userInfo="userInfo"/>
        
    </div>
        
    `
        
};
        

        
綁定在 元素上的特性被稱為插槽 prop。現在在父級作用域中，我們可以給v-slot帶一個值來定義我們提供的插槽 prop 的名字：
        

        
// 父組件
        
template: `
        
<div>
        
    <card>
        
        <template v-slot:default="userInfo">
        
            用戶姓名： {{userInfo}}
        
        </template>
        
    </card>
        
</div>
        
`
        

        
// 輸出：
        
// 用戶姓名： { "userInfo": { "name": "宮鑫" } }
        

        
藍藍設計( m.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
        
        

        				
        
								
			
        
		
        
		
		
	
        


        
    
  
        
    
        日歷
        
    
        
        
        
        
    
        
  
        
    
    
        
      
        鏈接
        
      
          
                
        
    
        
    
        
      
        個人資料
        
      
        
          
        
                    
        
          
        藍藍設計的小編
          http://m.shtzxx.cn
        
      
        
    
        
    
        
      
        存檔
        
      
    
        

        

        


  
 





主站蜘蛛池模板：
亚洲精品久久久久久动漫|
亚洲综合一区国产精品|
中文字幕av高清片|
出租屋勾搭老熟妇啪啪|
三年片免费观看国语|
沁阳市|
av不卡在线永久免费观看|
熟女人妻水多爽中文字幕|
欧美人与zozoxxxx另类|
国产欧美亚洲国产一区二区三区|
大地资源网在线观看免费官网|
97国产|
最近中文字幕免费完整|
国产又爽又黄无码无遮挡在线观看|
51精品国产人成在线观看|
韶关市|
娇妻粗大高潮白浆|
国产三级在线观看完整版|
国产综合精品一区二区三区|
鹤壁市|
最近2019中文免费字幕在线观看
|
国产在线精品第一区二区|
中文字幕色偷偷人妻久久|
人善交oooooo另类毛片|
无套内谢老熟女|
一个人看的www片免费高清中文|
国产小嫩模无套中出|
小sao货揉揉你的奶真大电影|
欧美成人看片一区二区三区尤物|
大地资源在线资源官网|
华池县|
香蕉影院在线观看|
国产av无码专区亚洲av软件|
爱情岛论坛亚洲永久入口口|
国产精品无码v在线观看|
亚洲欧洲久久av|
亚洲综合色自拍一区|
亚洲av无码专区在线播放|
天天躁日日躁狠狠躁视频2021|
免费无码黄十八禁网站在线观看|
亚洲av日韩av天堂久久|