Estoy pasando datos a un componente y puedo obtener estos datos de props . Pero también quiero pasar estos datos a la función de datos del componente.
Aquí está el código principal:
<template> <div> <post v-for="(post, key) in posts" :key="key" :post="post" /> </div> </template> <script> import post from './components/post'; export default{ components: { post }, data(){ return{ posts: [{/*Posts*/}] } } } </script>Código de componente:
<template> <div :post="post"> <span>{{ post.title }}</span> </div> </template> <script> export default{ props: ['post'], } </script>Traté de agregar:
data(){ return{ status: post.status } } al componente después de props . Pero recibí una post not defined in data
Intenté buscar al respecto pero no encontré una solución.
En componente hijo:
<template> <!-- <div :post="post"> you don't send post here, you receive it thru props--> <div> <span>{{ post.title }}</span> </div> </template>luego en accesorios de uso de datos:
data(){ return{ status: this.post.status } }