那么如何讓子組件發生交互時會提醒父組件呢?可以通過自定義事件(這就是events up):
① 使用$emit(eventName)在子組件上觸發事件
② 使用$on(eventName)在父組件上監聽事件
簡單來說就是我在子組件內部做了什么事情之后,告訴父組件一個狀態,父組件接收到這個狀態去做一些事情。
這里來看看我之前寫的一個項目:

因為需求基本都是圍繞后臺表單的,所以把Form表單和List列表抽象成大的模塊,以表單為例,基本所有表單都有表單提交,所以

綁定一個通用方法,當點擊提交會把當前的form表單數據提交,那么vue怎么接收表單數據呢?

那么任意父組件就能通過監聽這個onSubmit狀態來做自己的事情了
~~~
<form-data :FieldList='fields' @onSubmit='onSubmit'></form-data>
<script>
export default {
...
methods: {
onSubmit(data) {
console.log(data) // 打印一下每個頁面的表單數據看看吧!
}
}
}
</script>
~~~