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屬性將被綁定到你的變量。