vue.jsのページにアクセスすると一瞬画面上にマスタッシュ{{ message }}(ダブルカーリーブレース)が表示されます。マスタッシュが一瞬ページに表示されるのは閲覧するユーザにとってあまりいいものではありません。そのためvue.jsにはv-cloakディレクティブが準備されており、HTMLの要素にv-cloakを設定することでアクセス時のマスタッシュを表示させないように設定することができます。 v-cloakの設定方法 人によってはマスタッシュが表示されるということがどういう意味なのかわからない人もいるかもしれません。最初にマスタッシュが表示されるとはどのようなものかを確認してv-cloakの設定方法を確認します。 マスタッシュが表示されるとは h1タグにVueインスタンスのデータプロパティmessageを表示させるindex.htmlファイルを作成します。 <!DOCTYPE h