Vue js中单向结合与双向结合的区别？

Question

有人能用一个例子来解释Vue js中One-way binding和Two-way binding之间的区别，并解释使用哪种情况吗？

Answer 1

One-way binding正在从数据(ViewModel)中更新DOM。当数据(ViewModel)更改时，关联的node (元素)总是重新呈现：

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

使用v-once指令，整个绑定只完成一次--即使数据发生了变化。

Two-way binding从data (ViewModel) 和更新来自node (元素)的事件的数据(ViewModel)。通常，输入字段是Two-way binding，以反映从用户返回到数据的更改：

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

请阅读文档。