Vue js中单向绑定和双向绑定之间的区别?

时间:2018-01-16 11:58:16

标签: vuejs2

有人能解释Vue js中One-way bindingTwo-way binding之间的区别,并说明每种情况吗?

1 个答案:

答案 0 :(得分:0)

One-way binding正在从数据(ViewModel)更新DOM。始终在数据(ViewModel)发生更改时,将重新呈现关联的node(元素):

<span>Message: {{ msg }}</span>

使用v-once指令,整个绑定只进行一次 - 即使数据发生变化。

Two-way binding正在更新DOM数据(ViewModel)更新来自node(元素)的事件的数据(ViewModel)。 通常,输入字段为Two-way binding,以反映用户返回数据的更改:

<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>

请阅读documentation