How to pass variable from vanilla js to Vue object?

Question

Vue.js

For example, I declared a variable in js: Below (the Vue object is declared in the code itself): PS Simply declaring in data: nums[], is not an option for me, since I need an already formed array obtained earlier.

let nums = [1, 2, 3];


let menu_change = new Vue({some code})

Answer 1

let nums  = [1, 2, 3];

// 100 000 000 строк кода

let menu_change = new Vue({
  // 100 000 000 строк кода

  methods: {
    showArr(){
      console.log( nums )
    }
  }

  // 100 000 000 строк кода
})

What is the problem?

Answer 2

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]
  }
  // ...
}

Note: The provide and inject bindings are NOT REACTIVE. This is done on purpose. However, if you pass down a tracked object, the properties on that object remain reactive.