Vuejs 数据绑定:绑定的是什么?

Vuejs data bindings: What is being bound?

我正在阅读 vuejs 文档,包括 http://vuejs.org/guide/syntax.html and http://vuejs.org/guide/syntax.html#Binding_Expressions。简单来说(对于 JS 初学者)有人可以解释绑定的内容。这也与 'v-bind' 语法有关吗?

谢谢。

Vue 的整体理念是您不必手动更新 DOM(通过添加新的 div 或任何其他元素)。当您更改 JS 变量时,html 会自动更新。因此,例如,如果您的代码中有 <span>Hello {{ name }}!</span>,那么您在 Vue 中就有一个对应的变量,名为 name。当您更新变量 name 时,<span> 的内容会自动更新。所以这是 "bound" 到 javascript 变量。

任何时候你看到像 v-bindv-on 这样的自定义 Vue 属性时,你发送给它的值是一个变量,而不是一个字符串。例如,您可以使用 <button v-bind:disabled="thisIsDisabled">。然后你需要在 Vue 中有一个名为 thisIsDisabled 的变量,如果它是 true 按钮将被禁用,如果它是 false 按钮​​将被激活。同样,您不必更新按钮来禁用或启用它,它的 disabled 属性将绑定到您的变量。