Is it normal that before loading the page, instead of a number from the data, {{variable}} is displayed

[kr1ke]

Is it normal that before loading the page, instead of a number from the data, {{variable}} is displayed. Is this a bug or a norm? How to fix it.

Example:

import { createApp } from 'https://unpkg.com/[email protected]/dist/petite-vue.es.js'

createApp({variable: 0})

<div>{{count}}</div>

Before loading page in div displayed: {{count}}

[halivert]

You can use v-cloak directive to prevent that "flash"

https://v3.vuejs.org/api/directives.html#v-cloak

[kr1ke]

Thanks!

[ricky11]

It doesn't seem to work, placing v-cloak on the element, still renders the element, untill vue kicks in the javascript. (disable cache)

[halivert]

You should also use this code @ricky11

[v-cloak] {
  display: none !important;
}

[ricky11]

that did it. not mentioned in the docs about the sudden flash.