UPDATE找到解决方案，但我不明白原因。请解释。
原始问题我有一个Vue / Ionic项目，这让我很不爽。

我尝试使用下面的代码，但是当我尝试在async method中为某个data赋值时，问题就出现了。
看起来赋值是正确的，但是模板中的一些元素找不到嵌套级别0以上的内容，如下图所示。如果我尝试访问object属性，则object看起来是null，而不是空值。

<template>
    <h6>{{proyectos}}</h6> <!--THIS WORKS OK-->
    <!-- <h6>{{proyectos[0]}}</h6> THIS DOESN'T -->
    <!-- <h6 v-if='proyectos[0]'>hola</h6> NEITHER THIS-->
    <div
        v-for='proyecto in proyectos'
        :key='proyecto.id'
    >
        <h3>{{proyecto.id}} - {{proyecto.nombre}}</h3>
    </div>
</template>

<script>
export default {
    data(){
        return{
            proyectos: null,
        }
    },

    methods: {  
        async misproyectosIniciar(){
            await this.$store.dispatch('actObtenerProyectos'); //REQUIRES AWAIT
        },

        obtenerProyectos(){
            return this.$store.getters.proyectos;
        },
    },

    async beforeMount(){
        await this.misproyectosIniciar();
        this.proyectos = this.obtenerProyectos();
        console.log('proyectos', this.proyectos);
        console.log('proyectos[0]', this.proyectos[0]);
    },
};
</script>

我去除了所有的离子成分，因为它总是给我带来问题。
如果我只使用v-for，一切都工作正常。

如果我取消注解代码顶部的两行代码中的任何一行（{{}}，v-if），就会出现错误。

**我不知道为什么会发生这种情况，请提供任何线索？**注意：它需要await，因为是数据库查询。