Vuejs数据绑定：什么是绑定？

Question

我正在阅读vuejs文档，其中包括http://vuejs.org/guide/syntax.html和http://vuejs.org/guide/syntax.html#Binding_Expressions。简单来说（对于JS初学者）有人可以解释什么是绑定。这也是连接到'v-bind'语法？

谢谢。

Answer 1

Vue的整个想法是，您不必手动更新DOM（通过添加新的div或任何其他元素）。当你改变你的JS变量时，html会自动更新。举例来说，如果您的代码中有<span>Hello {{ name }}!</span>，那么您在Vue中有一个对应的变量，称为name。当你更新变量name时，那个<span>的内容会自动更新。所以这是“绑定”到JavaScript变量。

只要您看到像v-bind或v-on这样的自定义Vue属性，您发送的值就是一个变量，而不是字符串。例如，你可以使用<button v-bind:disabled="thisIsDisabled">。然后，您需要在Vue中有一个名为thisIsDisabled的变量，如果该变量为true，则该按钮将被禁用，如果该按钮为false，则该按钮将处于活动状态。同样，你不必更新按钮来禁用或启用它，它的disabled属性将被绑定到你的变量。