Skip to main content
se eliminaron 23 caracteres en el cuerpo
Origen Enlace

Como lo indica el error: La opción "datos" debe ser una función, Entonces, al definir un componente, data debe declararse como una función que devuelve el objeto de datos inicial.

<template>
    <h1>Mensaje: {{ message }}</h1>
</template>

<script>
export default {
    data:()=>{ // o también: data:function(){} 
        return {
            message: 'Hola mundo'
        }
    },
}
</script>

Documentación oficial sobre su duda y el por qué de la misma

Como lo indica el error: La opción "datos" debe ser una función, Entonces, al definir un componente, data debe declararse como una función que devuelve el objeto de datos inicial.

<template>
    <h1>Mensaje: {{ message }}</h1>
</template>

<script>
export default {
    data:()=>{ // o también: data:function(){}
        return {
            message: 'Hola mundo'
        }
    },
}
</script>

Documentación oficial sobre su duda y el por qué de la misma

Como lo indica el error: La opción "datos" debe ser una función, Entonces, al definir un componente, data debe declararse como una función que devuelve el objeto de datos inicial.

<template>
    <h1>Mensaje: {{ message }}</h1>
</template>

<script>
export default {
    data:function(){ 
        return {
            message: 'Hola mundo'
        }
    },
}
</script>

Documentación oficial sobre su duda y el por qué de la misma

Origen Enlace

Como lo indica el error: La opción "datos" debe ser una función, Entonces, al definir un componente, data debe declararse como una función que devuelve el objeto de datos inicial.

<template>
    <h1>Mensaje: {{ message }}</h1>
</template>

<script>
export default {
    data:()=>{ // o también: data:function(){}
        return {
            message: 'Hola mundo'
        }
    },
}
</script>

Documentación oficial sobre su duda y el por qué de la misma