Revision history [back]

One method to disable console.log within the Vue template is to use the v-cloak directive. This directive allows you to hide the template until the Vue instance is mounted, at which point the directive is removed from the DOM.

To use it, add the v-cloak directive to the element that contains the template:

<div v-cloak>
  {{ message }}
</div>

Then, in your CSS, set the display property of the element with the v-cloak directive to none:

[v-cloak] {
  display: none;
}

This will prevent any console.log statements that may be included in the template from being executed.