假設(shè)有以下這個(gè)例子：

1、父組件

<template>
    <test1 :handleChange="onChange" />
    <test2 @handleChange="onChange" />
</template>
<script>
...
methods: {
    onChange(data) {...}
}
...
</script>

2、test1 組件

<template>
    <div @click="onChange"></div>
</template>
<script>
...
props: {
    handleChange: Function
},
methods: {
    onChange() {
        this.handleChange(123)
    }
}
...
</script>

3、test2 組件

<template>
    <div @click="onChange"></div>
</template>
<script>
...
methods: {
    onChange() {
        this.$emit("handleChange", 123)
    }
}
...
</script>

問題：

test1 組件和 test2 組件，都向外部委派了事件，但是一個(gè)是用的屬性方法的形式，一個(gè)是用的委派事件的形式。父組件進(jìn)行調(diào)用的時(shí)候，發(fā)現(xiàn)它倆都能執(zhí)行相同的事兒。
請(qǐng)問它們的區(qū)別是什么呢？

我目前知道的區(qū)別是：
1、使用屬性的形式，相當(dāng)于把外部的方法傳遞給子組件來(lái)進(jìn)行調(diào)用；而委派事件的方式，是子組件向外部報(bào)告一個(gè)事件，由外部來(lái)進(jìn)行接收?qǐng)?zhí)行。