Vue Transitions     

At the moment, Quasar provides only one ready to use Vue transition. If you don’t know what a transition is, read here.
Quasar Vue transitions work alongside v-show and v-if on a single element. Not supporting group transitions yet.

Supports all of Vue’s <transition> props.

“slide” transition

Slide the DOM element up or down based on its visibility.

<!-- Template for VueModel below -->
<q-transition name="slide">
  <img
    v-show="visible" <<<<<<<<
    src="assets/quasar.jpg"
  >
</q-transition>
<button @click="toggleVisibility()">Toggle</button>

// VueModel for template above
module.exports = {
  ...,
  data: {
    ...,
    visible: true
  },
  methods: {
    ...,
    toggleVisibility: function() {
      this.visible = !this.visible;
    }
  }
}