@nikeflownew

Подключение компонентов в Vuejs?

Здравствуйте!
У меня есть компонент header:
<template>
    <header class="header">
        <div class='left_head'>
            <h1>dfddddddd</h1>     
        </div>
        <div class="right_head">
            <h1>dfddddddd</h1>
        </div>
    </header>
</template>

<script>
export default {
    name: 'Header',
    props: {
        categories: {
            type: Array,
            default: () => []
        }
    }
}
</script>

Также есть файл App.vue где я подключаю этот компонент:
<template>
  <div id="app">
    <VHeader /> 
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {
    VHeader: import('../src/components/layouts/Header')
  }
}
</script>

Но при переходе на сервер у меня нечего не происходит.
Как мне это исправить?
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
IVinete
@IVinete
Учусь на ошибках!
Можно куда красивее:

import { defineAsyncComponent } from 'vue'

export default {
  components: {
    VHeader: defineAsyncComponent(() =>
      import('../src/components/layouts/Header')
    )
  }
}

Подробнее
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
PLATFORM Тюмень
от 100 000 до 150 000 ₽
ДП-Экспресс Санкт-Петербург
от 130 000 до 200 000 ₽
Astroshock Москва
от 110 000 до 180 000 ₽
25 янв. 2021, в 03:37
75000 руб./за проект
25 янв. 2021, в 01:42
999999 руб./за проект
25 янв. 2021, в 00:56
3000 руб./за проект