SPA mode get swiper instance undefined

Vue.js version 2.3.4, component version 2.6.7, swiper 3.2.4

I can’t get swiper instance by computed

example code below

<template>
<swiper class="honor-carousel" :options="config" ref="honorSwiper">
  <swiperSlide
    v-for="(item, idx) in honorList"
    :key="idx">
    <div class="honor-item">
      <div class="img">
        <img :src="item.img" alt="">
      </div>
      <div class="text">{{ item.title }}</div>
    </div>
  </swiperSlide>
</swiper>
</template>

<script>
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import { honorList } from './data'
export default {
  name: 'honor',
  components: {
    swiper,
    swiperSlide
  },
  data() {
    return {
      config: {
        pagination: '.swiper-pagination',
        spaceBetween: 14,
        slidesPerView: 1,
        loop: true,
        loopAdditionalSlides: 10,
				initialSlide: 1,
        paginationClickable: true,
				grabCursor: true,
        onSlideChangeEnd: this.check
      },
      honorList
    }
  },
  computed: {
    __swiper__() {
      return this.$refs.honorSwiper.swiper
    }
  },
  methods: {
    check() {
      console.log(this.__swiper__)
    }
  },
  mounted() {
    console.log(this.__swiper__)
  }
}
</script>

there is no async process in this example. the check methods and mounted methods output undefined both, what should i do to get the swiper instance? hope to get your reply, thx.

[Xujkstra]

The right approach is add this.$nextTick in the callback.

check() {
   this.$nextTick(() => {
     console.log(this.swiperInstance)
    })
 }

[ghost]

so, to return the swiper is not a good idea?