emit的主要作用是子组件可以通过使用 emit,让父组件监听到自定义事件 ,以及传递的参数
Vue 2.0:
java
子组件:
methods: {
handleNextMonth() {
this.$emit("linkTo");
},
父组件:
<customerList
:list="customerList"
@linkto="linkTo"
/>
Vue3.0:
java
子组件:
emits: ["linkto"],
setup(props: any, ctx: any) {
const data = reactive({
linkTo: (item: any) => {
ctx.emit("linkto", item.externalUserid);
},
const refsData = toRefs(data);
return {
...refsData };
父组件:
<customerList
:list="customerList"
@linkto="linkTo"
/>