Vuejs数据绑定：绑定什么？

Question

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

谢谢。

Answer 1

Vue的整个想法是你不必手动更新DOM（通过添加新的div或任何其他元素）。更改JS变量时，html会自动更新。例如，如果您的代码中有<span>Hello {{ name }}!</span>，那么您在Vue中有一个名为name的相应变量。更新变量name时，<span>的内容会自动更新。这就是＆＃34;绑定＆＃34;到javascript变量。

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