Почему this в data возвращает undefined?

    let app = Vue.createApp({
        data() {
            return { 
                isActive: true,
                active: this.isActive,
            }
        },
    
        
    }).mount('#app');

    console.log(app.$data.active); // undefined

Ответы (1 шт):

Автор решения: smellyshovel

Потому что на момент создания data компонента (а this в Options API указывает именно на компонент (когда возможно)) еще не существует.

Непонятно, чего вы пытаетесь добиться таким кодом, зачем вам 2 свойства, означающих, по сути, одно и то же. Если это умышленно, вынесите active в computed.

→ Ссылка