因此,如果我想在孩子和父母之间建立双向绑定,则以这种模式发出事件:
@change="$emit('update:number1', $event.target.value)"
also see here:
https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier
现在,假设我有一个像这样的compA:
<template>
<div>
<input
:value="number1"
@change="$emit('update:number1', $event.target.value)"
placeholder="number1emittedEvent"
/>
<input v-model="number1" placeholder="number1vmodel">
</div>
</template>
<script>
export default{
name: "compA",
props: {
number1: String
}
}
</script>
然后由compB然后由C导入compA,依次类推,直到compZ。 愚蠢的设计(可能),但仅出于我的问题: 如何通过多个组件传播这样的事件? 通常,它遵循以下原则:
compA: X compB:
在这里,事件通过回调策略向上层叠。 但是在如上所述的情况下,我想知道这是否可能,因为我没有任何明确的分母可用来创建此“回调”。还是我?