Как передать переменную из ванильного js во Vue обьект?

Question

[Артем Прохоров]

К примеру я обьявил переменную в js:

let nums = [1, 2, 3];

Ниже (в самом коде обьявляется Vue обьект):

let menu_change = new Vue({some code})

P.S.

Просто обьявить в data: nums[], не вариант для меня, так как мне нужен уже сформированный массив полученный ранее.

Answer 1

[Klein Maximus]

https://ru.vuejs.org/v2/api/#provide-inject

const nums  = [1, 2, 3];

// Добавляем провайдера
const app = new Vue({
  provide: {
    nums,
  },
});

// Внедряем в компонентах
// дочерний компонент внедряет 'nums'
const Children = {
  inject: ['nums'],
  created () {
    console.log(this.nums) // => [1, 2, 3]
  }
  // ...
}

Примечание: привязки provide и inject НЕ РЕАКТИВНЫ. Это сделано намеренно. Тем не менее, если вы передаёте вниз отслеживаемый объект, свойства на этом объекте остаются реактивными.