• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      vue父子組件互相傳值
      
				
      
					
       2019-7-23      seo達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

      

      
    一、父組件給子組件傳值
      

      
 1、父組件調用子組件的時候，綁定動態屬性
      

      
/*傳值可以是值“title”、是方法“run”、是組件“this”*/
      
<v-header :title="title" :run="run" :home="this"></v-header>
      
1
      
2
      
 2、在子組件里面通過props接受父組件傳過來的數據
      

      
<script>
      
    export default{
      
 props:['title','run','home']
      
}
      
</script>
      

      
二、父組件主動獲取子組件的數據和方法
      

      
1、調用子組件的時候定義一個ref
      

      
<v-header ref="header"></v-header>
      
1
      
2、在父組件里面通過以下方式獲取屬性和方法
      

      
this.$refs.header.屬性
      
this.$refs.header.方法
      

      
三、子組件主動獲取父組件的數據和方法
      

      
this.$parent.數據
      
this.$parent.方法
      

      
四、非父子組建傳值
      

      
1、新建一個js文件 然后引入vue 實例化vue最后暴露這個實例
      

      
VueEvent.js
      

      
import Vue from 'vue';
      
var VueEvent = new Vue();
      
export default VueEvent;
      

      
2、在要廣播的地方引入剛才定義的實例，并進行廣播
      

      
home.vue
      

      
<script>
      
 import VueEvent from './VueEvent.js';
      
    export default{
      
        methods:{
      
            emitNews(){
      
                /*廣播數據*/
      
                VueEvent.$emit('to-news',this.數據)
      
            }
      
        }
      
}
      
</script>
      

      
3、在要接收數據的地方接受廣播
      

      
news.vue
      

      
<script>
      
 import VueEvent from './VueEvent.js';
      
    export default{
      
        /*在生命周期函數里寫，編譯的時候就調用*/
      
        mounted(){
      
            /*接受廣播*/
      
            VueEvent.$on('to-news',function(data){
      
                console.log(data);
      
            })
      
        }
      
}
      
</script>
      

      

      
      

      				
      
								
			
      
		
      
		
		
	
      


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

      

      


  
 






主站蜘蛛池模板：
欧美日韩亚洲a|
国内免费av在线播放|
97在线观看视频免费|
久久av高潮av无码av喷吹|
伊人久久中文字幕|
国产极品美女到高潮视频|
亚洲成人在线播放|
日本一区二区三区久久久|
一二三区国产精品久久|
av中文字幕在线看|
亚洲国产成人最新精品资源|
夜夜操影院|
84pao强力打造跑强2023年最新进展
|
亚洲午夜福利|
老司机夜间福利|
超碰成人免费|
九九免费热在线精品|
www.91xxx|
97超碰电影|
国产18禁美女无遮挡|
久久老司机|
www.黄色网址|
国产欧美VA欧美VA在线|
黄www|
日本不卡网|
中文字幕AV无码不卡免费|
亚洲热色|
欧美极品在线|
日韩激情无码av一区二区|
色欲av在线|
尤物一区|
丁香婷婷七月九月缴情|
91视频在线|
昌吉市|
一区二区三区无码不卡无在线|
男人天堂一区二区|
隆昌县|
成人性生交大片免费看r老牛网站
2021国产三级精品三级专区
|
国产成人精品午夜2022|
大色欧美|
国产精品高潮呻吟久久|