マスタッシュ構文（{{…}}）による画面のチラツキを防止するv-cloakディレクティブ [Vue.js]

マスタッシュ（Mustache）記法の{{…}}による構文では、ページを起動した最初のタイミングで、一瞬だけバインドした値が反映される前の構文の記述（{{…}}）が一瞬だけ表示されてしまいます。 これは、要素の配下のテキストとしてバインド式を指定しているため、Vue.jsが初期化処理を終えてマスタッシュ記法で記述した部分の{{…}}を処理するまでにわずかなタイムラグが生じる現象です。 ほとんどの場合は一瞬なので、人間が目視で確認できませんが、処理によっては生のコードである「{{…}}」の部分が表示されてしまう「チラツキ」が発生する場合があります。 「{{…}}」が表示されるのは一瞬なので、アプリケーションの動作には影響を与えませんが、エンドユーザーの目に触れてしまうのは望ましい状態とは言えません。 そこでVue.jsには、このチラツキを防止するためにv-cloakディレクティブが用意されて

[joltkun]

“そこでVue.jsには、このチラツキを防止するためにv-cloakディレクティブが用意されています。”