佐賀でふらふり

佐賀をうろつくWebデザイナーのブログ

1度だけ、v-once
vue.js

1度だけ、v-once


たった一度だけ描画させたい。
そんなときはv-once。

これは簡単だったな。

でもまてよ…
上書きするようなJSを書くからいけないんじゃないのかな…

v-onceの使い所が…このプログラムだとつかめない…

v-onceがないと、「Hello VueJS」が描画される。

なんでか。

最初、messageには「Hello World」が入ってる。
で、SetTxtの際に、this.message = とあるので、そこでmessageの中身が変わってしまった。

つまり2回描画されている

これを1回だけ描画させるのがv-onceディレクティブ。

でもだったら、最初から2回描画しないようにしたら…
使い所どこよ…。


返信する

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA