prueba.vue
<template> <div> <button @click="test()">test</button> </div> </template> <script> import logs from './data.js' export default { data () { return { logitems1: logs.data.infomation, logitems2: { log1d: 1, logDetail: "This is some log detail for log 1", logType: "general", createdBy: "name", CreatedAt: "date", }, } }, methods:{ test(){ console.log(this.logitems1.log1d) console.log(this.logitems2.log1d) } } } </script>datos.js
export default { data() { return { infomation: { log1d: 1, logDetail: "This is some log detail for log 1", logType: "general", createdBy: "name", CreatedAt: "date", }, }; }, };El acceso a logitems2 es posible pero no puedo acceder a los datos en logitems1, que tiene la misma información. Estoy tratando de acceder a datos de archivos que no sean componentes, a los que no sé cómo acceder.
Tienes que hacer una llamada funcional.
<script> import logs from './data.js' export default { data () { return { logitems1: logs.data().infomation, logitems2: { log1d: 1, logDetail: "This is some log detail for log 1", logType: "general", createdBy: "name", CreatedAt: "date", }, } }, methods:{ test(){ console.log(this.logitems1.log1d) console.log(this.logitems2.log1d) } } } </script>Pero si solo desea que los datos estén disponibles, exportar el objeto desde el archivo js sin función sería un mejor enfoque.
logdata.js
export default logInformation{ log1d: 1, logDetail: "This is some log detail for log 1", logType: "general", createdBy: "name", CreatedAt: "date", }y luego usar directamente como
import logInformation from "logdata.js" console.log(logInformation)