Vue.js数据绑定：绑定了什么？

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变量。

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