Vue : import export json with javascript contained

Question

I have a json look like below and I wish to import from different component, because this json contain require and Math etc. Unable to save into json file format

let test = [
    {
      name:"A",
      imgSrc: require('@/assets/img/A.png'),
      range: Math.pow(10, 6),
      isShow: true
    },
    {
      name:"B",
      imgSrc: require('@/assets/img/B.png'),
      range: Math.pow(10, 2),
      isShow: false
    }
  ];

make this as a .js file then try to import

zabusa
– zabusa

2021-12-14 05:17:49 +00:00
Commented Dec 14, 2021 at 5:17 — zabusa
– zabusa, Commented Dec 14, 2021 at 5:17

tony19 · Accepted Answer · 2021-12-14 05:32:14Z

1

Copy that declaration into a JavaScript file, and use the export keyword in front of it:

// products.js
export let test = [/*...*/]
 👆

Then in another JavaScript file, you could use the import keyword to pull in the variable by name:

// main.js
import { test } from './products'
  👆

answered Dec 14, 2021 at 5:32

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue : import export json with javascript contained

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related