Svelte 聲明

當(dāng)組件的狀態(tài)改變時，Svelte 會自動更新 DOM。通常，組件狀態(tài)的某些部分需要通過 其它 部分的計算而得出（例如 fullname 就是 firstname 和 lastname 的合體），并在 其它 部分更改時重新計算。

對于這些，我們提供了 反應(yīng)式聲明（reactive declarations）。它們看起來像這樣：

let count = 0;
$: doubled = count * 2;

看來其有點陌生，不過別擔(dān)心。上述是有效（非常規(guī)）的 JavaScript 語句，Svelte 會將其解釋為 “只要參考值變化了就重新運(yùn)行此代碼”。一旦看習(xí)慣了，你就再也戒不掉了。

我們在 HTML 標(biāo)簽內(nèi)來使用 doubled：

<p>{count} doubled is {doubled}</p>

當(dāng)然，你可以在 HTML 標(biāo)簽內(nèi)書寫 {count * 2}，而不必非得使用反應(yīng)式聲明的語法。但是，當(dāng)你需要多次引用它們時，或者你需要的值依賴于 其它 響應(yīng)式聲明所計算的來的值時，響應(yīng)式聲明就變得特別有用。