解决mounted周期中Nuxt中$refs中的成员undefined

同事写的代码如下

<template>
<div>
<search-college ref="sc" />
</div>
</template>

<script>
export default {
components: {
'search-college': () => import('./college')
},

mounted() {
console.log(this.$refs.sc) // 刷新的时候有一定的概率undefined
}
}
</script>

正确方法

<template>
  <div>
    <search-college ref="sc" />
  </div>
</template>

<script>
import SearchCollege from './college'
export default {
  components: {
    'SearchCollege'
  },

  mounted() {
    console.log(this.$refs.sc)
  }
}
</script>