Как сделать прелоадер в Vue?

Не знаю правильно или нет реализовал у себя прелоадер т.к недавно vue начал изучать, но пошел по простому пути.
Сделал через условную логику:

<div class="portfolio" v-if="preloader">Тут отрисовка</div>
 <div class="portfolio" v-else="preloader">Грузим</div>

data () {
    return {
      title: 'Home page',
      preloader: false
    }

И в mounted вставил true

mounted() {
    axios
      .get(url)
        .then(
        response => (
          this.portfolio = response.data, // получили данные
          this.preloader = true
        )
      )

а уж в else можно любой html + css прелоадер вставить