Почему mounted() во Vue.js срабатывает больше одного раза?

Question

[Юрий Кравчук]

Либо я что-то не так делаю, либо я чего-то не понимаю... но у меня код в mounted() срабатывает три раза. Я в него добавил получение данных по api и сейчас одновременно отправляются три запроса.

<template>
    <div id="app" class="container">
        <AddCampaign/>
    </div>
</template>

import AddCampaign from './components/AddCampaign';

export default {
	name: 'App',
	components: {
            AddCampaign
        },
    data() {
        return {}
    }
}

Comments

[Vitaliy]

может компонент отображается по v-if ?

[Юрий Кравчук]

Виталий Столяров, нет, v-if не использую.

[mShpakov]

Юрий Кравчук, тогда покажите кож на jsfiddle

[Юрий Кравчук]

mShpakov, да, сейчас сделаю

[Юрий Кравчук]

mShpakov, ага, неправильная архитектура: понял как и где, ещё не понял почему, думаю как исправить. На jsfiddle выложить не получиться. Спасибо )

[Vitaliy]

Юрий Кравчук, на codesandbox.io

[Юрий Кравчук]

Виталий Столяров, классный ресурс, спасибо!

https://codesandbox.io/s/l8pmy2v37
Убрал всё лишнее, дело в табах от Buefy.

[Юрий Кравчук]

ну, я, кажется, понял, что дело в переменной currentTab2.component

Answer 1

[Reistline]

Mounted в компоненте AddCampaign? Нужен весь код.