Как мне импортировать этот файл в VueJS?

Question

У меня есть этот файл, который выглядит так, как будто он написан в довольно устаревшем синтаксисе, который я хочу включить в компонент VueJS.Ссылка на файл: здесь .

Например, посмотрите на эти строки из файла:

var CCC = CCC || {};
CCC.STATIC = CCC.STATIC || {};

CCC.STATIC.TYPE = {
  'TRADE': '0',
  'FEEDNEWS': '1',
  'CURRENT': '2',
  'LOADCOMPLATE': '3',
  'COINPAIRS': '4',
  'CURRENTAGG': '5',
  'TOPLIST': '6',
  'TOPLISTCHANGE': '7',
  'ORDERBOOK': '8',
  'FULLORDERBOOK': '9',
  'ACTIVATION': '10',
  'FULLVOLUME': '11',
  'TRADECATCHUP': '100',
  'NEWSCATCHUP': '101',
  'TRADECATCHUPCOMPLETE': '300',
  'NEWSCATCHUPCOMPLETE': '301'
};

В моем компоненте мне нужно бытьв состоянии написать что-то вроде

if (messageType == CCC.STATIC.TYPE.CURRENTAGG) { foobar(message) }

Как бы я мог импортировать файл в мой компонент таким образом, чтобы я мог ссылаться на его объявления чисто?

Answer 1

Вы можете скопировать содержимое исходного js-файла в другой файл вашего приложения, скажем: embellished-ccc-streamer-utilities.js.

Затем, в качестве последней строки этого нового файла, вы можетедобавьте следующую строку:

  export default CCC

Это в основном экспортирует объект CCC, чтобы сделать его доступным в других модулях вашего приложения.

Действительно, после этого незначительного изменения исходного файла,Вы можете импортировать его как обычный модуль, например:

import CCC from './embellished-ccc-streamer-utilities.js'

и использовать его в соответствии со своими потребностями, например:

if (messageType == CCC.STATIC.TYPE.CURRENTAGG) { foobar(message) }

Answer 2

Добавьте следующее как data.js [Я удалил точку с запятой и использование CCC до того, как это было объявлено, чтобы заткнуть мою линтер: -)]

var CCC = {}
CCC.STATIC = CCC.STATIC || {}

CCC.STATIC.TYPE = {
  'TRADE': '0',
  'FEEDNEWS': '1',
  'CURRENT': '2',
  ...
  ...
  'NEWSCATCHUPCOMPLETE': '301'
}

export default CCC

И вваш компонент вы идете:

import CCC from './data.js' // adjust the path accordingly
...
...
mounted () {
    ...
    console.log(CCC.STATIC)
    console.log(CCC.STATIC.TYPE.TRADE)
}

Пожалуйста, ознакомьтесь с разделом примеров здесь: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Надеюсь, это поможет.