<strike id="g3zqm"></strike>
     
      <cite id="g3zqm"></cite>
        

        <tr id="g3zqm"><center id="g3zqm"></center></tr>
        <pre id="g3zqm"><sup id="g3zqm"></sup></pre>
        <li id="g3zqm"></li>
      2. 
少妇高潮激情一区二区三,免费av深夜在线观看,亚洲狼人久久伊人久久伊,久久精品人人做人人爽电影蜜月,黄色特级片一区二区三区,欧美日韩在线亚洲二区综二,极品少妇无套内射视频,日本极品少妇videossexhd 

  
      
    

        

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

        				
        
								
			
        
		
        
		
		
	
        


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

        

        


  
 





主站蜘蛛池模板：
99在线视频免费观看|
国产精品乱一区二区三区|
无码射肉在线播放视频
|
使劲快高潮了国语对白在线|
日韩色区|
无码人妻精品一区二区人妻系列|
亚洲欧洲日产国码二区首页|
99久久婷婷国产综合精品青草漫画
|
人妻?综合?无码?另类|
亚洲中文字幕精品无人区|
免费看欧美一级特黄a大片
|
精品无码国产自产拍在线观看|
春梦视频站|
内射人妻无码色|
av无码精品一区二区乱子|
69avav?cn|
韩国无码AV片午夜福利|
久久亚洲精品11p|
五月天国产亚洲AV麻豆|
成人亚洲国产|
日本阿v免费不卡在线观看|
国产精品v片在线观看不卡|
亚洲欧美日韩在线码|
国产精品麻豆成人av网|
国产原创自拍三级在线观看|
国产区精品福利在线观看精品|
成人黃色A片免费看三更小说|
国产人妻熟女呻吟在线观看|
4455免费|
久操不卡|
97人妻天天爽夜夜爽二区|
无码日韩人妻精品久久蜜桃|
亚洲乱码国产乱码精品精|
超碰人人人|
亚洲高清无码人妻|
黄色av日韩在线观看|
91豆花成人网站|
久久久久久久无码高潮|
99久久精品一区二区国产|
亚洲精品无码日韩国产不卡av|
亚洲AV无码专区首页第一页|