<div id='app'>
<child></child>
<son></son>
</div>
<script src='vue.js'></script>
<script>
var bus=new Vue()
Vue.component('child',{
template:`
<div>
<h1>這是組件A</h1>
<button @click='sendMsg'>點擊按鈕傳值</button>
</div>
`,
data:function(){
return{
msg:'非父子組件傳值'
}
},
methods:{
sendMsg:function(){
bus.$emit('send',this.msg)
}
}
})
Vue.component('son',{
template:`
<div>
<h1>這是組件B</h1>
<a href="#">{{mess}}</a>
</div>
`,
data:function(){
return{
mess:''
}
},
// 生命周期
mounted:function(){
bus.$on('send',msg=>{
console.log(this);
this.mess=msg;
})
}
})
new Vue({
el:'#app'
})
</script>非父子穿值
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來彩届，“玉大人伪冰，你說我怎么就攤上這事≌寥洌” “怎么了贮聂？”我有些...
- 正文 為了忘掉前任耻警，我火速辦了婚禮隔嫡，結果婚禮上，老公的妹妹穿的比我還像新娘榕栏。我一直安慰自己畔勤，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布扒磁。 她就那樣靜靜地躺著庆揪，像睡著了一般。 火紅的嫁衣襯著肌膚如雪妨托。 梳的紋絲不亂的頭發(fā)上缸榛，一...
- 文/蒼蘭香墨 我猛地睜開眼符衔，長吁一口氣：“原來是場噩夢啊……” “哼找前！你這毒婦竟也來了？” 一聲冷哼從身側響起判族，我...
- 正文 年R本政府宣布敬扛，位于F島的核電站，受9級特大地震影響朝抖，放射性物質發(fā)生泄漏啥箭。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一治宣、第九天 我趴在偏房一處隱蔽的房頂上張望急侥。 院中可真熱鬧，春花似錦侮邀、人聲如沸坏怪。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽铝宵。三九已至，卻和暖如春华畏，著一層夾襖步出監(jiān)牢的瞬間鹏秋，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 1.如何創(chuàng)建組件 1.新建一個組件衙传，如：在goods文件夾下新建goodsList.vue 2.在main.js中...
- Vue2.0 傳值方式： 在Vue的框架開發(fā)的項目過程中落君，經常會用到組件來管理不同的功能穿香，有一些公共的組件會被提取...
- 社會發(fā)展慢，有很大一部分原因是因為渣渣太多纹冤，想方設法算計別人洒宝，大多數(shù)人為了維護自己的利益购公，自然就會引發(fā)爭斗，然后素...
