How to hide a div with Vue.js?

Sometimes, we want to hide a div with Vue.js.

In this article, we’ll look at how to hide a div with Vue.js.

How to hide a div with Vue.js?

To hide a div with Vue.js, we can use the v-if directive.

For instance, we write

<template>
  <div>
    <div v-if="seen" id="hide">
      <p>hide me</p>
    </div>
  </div>
</template>

to show the div only if seen if true by adding v-if="seen" to the div.

Conclusion

To hide a div with Vue.js, we can use the v-if directive.