在vue中實現雙向綁定的方法有:1.使用v-model指令實現;2.利用.sync修飾符實現;3.使用model屬性實現;
在vue中實現雙向綁定的方法有以下幾種
1.使用v-model指令實現雙向綁定
<input v-model="text" /><input
:value="text"
@input="e => text = e.target.value"
/>
2.利用.sync修飾符實現雙向綁定
<my-dialog :visible.sync="dialogVisible" /><my-dialog
:visible="dialogVisible"
@update:visible="newVisible => dialogVisible = newVisible"
/>
3.使用model屬性實現雙向綁定
{render(h) {
return h('my-dialog', {
props: { visible: this.dialogVisible },
on: { change: newVisible => this.dialogVisible = newVisible }
})
}
}