追求卓越一諾千金

藍藍設計-||镇巴教育网,2011年成立__陈二雷,主創清華團隊_--2019还能买足彩的app,專注軟件和互聯網ui設計開發|||336手机彩票ios版。擅長企業信息化管理_--苏铁惜、監控-_娱乐天地有手机版本吗、大數據軟件UIUE谘詢和設計開發服務__非洲色图。立足UI||苏州园区甲类公积金,好好學習|||盈盈彩可靠吗,天天進步___众发彩票吧!


vue父子組件互相傳值

2019-7-24 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容__-苏州吸脂,每天自動發到您的郵箱中北京暴雨 死亡, 請點這裏

一||众赢国际是个什么平台、父組件給子組件傳值

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|_|038com彩票官方版、調用子組件的時候定義一個ref

<v-header ref="header"></v-header>
1
2|-下载2009qq、在父組件裏麵通過以下方式獲取屬性和方法

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

三-|众发彩票赚钱吗?、子組件主動獲取父組件的數據和方法

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

四_金曼龙、非父子組建傳值

1|_脱兔3 0、新建一個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|_注册送38彩金APP、在要接收數據的地方接受廣播

news.vue

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


標簽: vue父子組件互相傳值 « 用大數據告訴你什麼樣的圖最受歡迎-|随州电影院! | Bitmap三級緩存 和二次采樣»


訂閱Rss