国产精品美女久久久浪潮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": "宮鑫" } }
        

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

        				
        
								
			
        
		
        
		
		
	
        


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

        

        


  
 





主站蜘蛛池模板：
亚洲免费视频免在线观看|
无码人妻精品一区二区三区夜夜嗨|
japanesehd无码专区|
最近日本字幕mv高清在线电影|
亚洲欧美中文日韩v在线观看不卡|
熟女人妻水多爽中文字幕|
欧美日韩国产码高清综合人成|
国产妇女馒头高清泬20p多毛|
亚洲 卡通 欧美 制服 中文|
湘潭市|
亚洲av少妇熟女猛男|
午夜神马|
炉霍县|
太粗太长太硬真爽视频|
蒙城县|
国产欧美一区二区精品|
国产精品亚洲片在线|
娇妻粗大高潮白浆|
男人av天堂专区|
成年女人18级毛片毛片免费|
精品国产亚洲av麻豆|
又粗又猛又黄又爽无遮挡|
18禁无遮拦无码国产在线播放|
激情 人妻 偷 乱|
√天堂资源在线中文8在线最新版|
两个人的视频高清在线观看免费|
漳浦县|
久久成人麻豆午夜电影|
无码国产精品一区二区免费vr|
四房播播播|
婷婷色中文字幕综合在线|
免费无码黄动漫在线观看|
西西人体做爰大胆gogo|
性欧美videofree高清精品|
国产精品无码永久免费888|
国产欧美一区二区精品久久久|
a毛片免费全部播放|
呼和浩特市|
日韩精品一区二区亚洲av|
樱桃视频高清免费观看在线|
通渭县|