CDNでVueを使用すると”{{ xxx }}”がチラっと表示される

Javascript

2022.03.292023.12.07

VueのHTMLに変数の値を表示させるコレ→{{ }}
「マスタッシュ(mustache)」って言うらしいです！

JS

new Vue ({
    el: '#vue',
    data() { ... },
})

HTML

Vueでelプロパティに指定する要素にv-cloak属性を追加

<!DOCTYPE html>
<html>
    <head>
        ～
    </head>
    <body>
        <div id="vue" v-cloak>
            ～
        </div>
    </body>
</html>

CSS

v-cloak属性にdisplay:noneを設定

[v-cloak] {
    display: none;
}

コメント