Why is there a problem with ref when importing into components?

Question

Vue.js

I import the component:

...
    components: {
      MainSection: () => import('@/components/pages/sections/MainSection'),
...

Inside it, when accessing ref in mounted, it produces undefined.
Works only through:

setTimeout(() => {
        console.log(this.$refs.screenImg);
      }, 0);

Answer 1

https://ru.vuejs.org/v2/api/#ref

An important note about link registration time: since links are created by the render function, you won't be able to use them on initial render - they don't exist yet! Also, the $refs object is not reactive, so don't try to use it in data binding templates.