Vue js 中 1 路绑定和 2 路绑定的区别?

Dar*_*rth 4 vuejs2

One-way binding谁能用一个例子来解释 Vue js和Vue js之间的区别Two-way binding,并解释使用哪种情况?

Cod*_*ist 7

One-way binding正在从数据(ViewModel)更新DOM。总是当数据(ViewModel)发生变化时,关联的node(元素)就会重新渲染:

<span>Message: {{ msg }}</span>
Run Code Online (Sandbox Code Playgroud)

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

Two-way bindingDOM正在从数据(ViewModel)更新根据来自(元素)的事件更新数据(ViewModel)node。通常,输入字段将Two-way binding反映用户对数据的更改:

<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>
Run Code Online (Sandbox Code Playgroud)

请阅读文档