# 子向父傳遞數據
## 案例
>[success] 案例描述：單擊按鈕，操作父組件中的p元素顯示或隱藏。
## 方式
1. 父組件通過v-on:自定義類型=”函數“
2. 子組件通過this.$emit(自定義事件名稱)
## 步驟
1.在父組件上指定**自定義事件并且指定函數名稱**。注意綁定事件對應的**函數名稱不可以加括號**
:-: 
2.指定的函數名稱書寫在對應的組件環境的methods下。并且定義該功能時，一般都要傳參。
:-: 
3.在子組件中正常綁定事件。并且在當前組件環境的methods下定義該功能change。
:-: 
4.對應的功能如何才能將父組件中的自定義事件對應的函數功能觸發，通過**this.$emit('自定義事件名稱',參數)**
:-: 
:-: 
## 代碼
```
<div id="app">
<ym-btn @parqie="parChange" :show="show"></ym-btn>
<p v-show="show"></p>
</div>
<script src="js/vue.js"></script>
<script>
Vue.component('ym-btn',{
props:['show'],
template:`<button @click="change">按鈕{{show}}</button>`,
methods:{
change(){
this.$emit('parqie',!this.show);
}
}
});
var vm = new Vue({
el:'#app',
data:{
show:true
},
methods:{
parChange(value){
this.show = value;
}
}
})
</script>
```
## 總結
1. 父組件通過v-on:自定義類型=”函數“
2. 子組件通過this.$emit(自定義事件名稱)
