如何在组件 vue 中使用 file.js

Question

I tried to use prueba.js in one of the components of my app (InputSwap.vue), in which there is a button ('console.log'). I want to use this file using that button, but the app showed me this error:

enter image description here

prueba.js let me see the data in the console by clicking the button. The data was saved with window.localStorage:

window.localStorage.setItem('data_input', JSON.stringify(data));

where am I wrong?

---

prueba.js :

export default {
   infoPrueba() {
        var data = (JSON.parse(window.localStorage.getItem('data_input')))
        console.log(data)
    }
}

InputSwap.vue:

<template>
    <div class="card-action">
      <Button v-on:click="prueba()"
        v-bind:style="{'margin-left' : '5px', background : '#52368c'}"
        btext="Console.log" icon="code"
      />
    </div>
</template>
<script>
import Button from './Button'
import * as prueba from './prueba.js' // I have prueba.js in components folder
export default {
  name: 'InputSwap',
  components: {Button},
  methods: {
    prueba: async function () {
      prueba.infoPrueba()
    },
  },
}
</script>

Answer 1

Thanks to x-rw, I solved this problem:

I changed import * as prueba from './prueba.js' to import {infoPueba} from './prueba.js'

and I wrote this code in prueba.js:

export const infoPrueba = () => {
  var data = (JSON.parse(window.localStorage.getItem('data_input')))
  console.log(data)
}