Предоставление переменных из main.js другим сценариям в проекте vue-cli

Question

Мне нужен доступ к экземпляру Vue, объявленному внутри main.js моего проекта vue-cli, из-за сгенерированного webpack-файла .js.В main.js у меня есть:

var vm = new Vue({
  store,
  render: h => h(App)
}).$mount('#app');

Однако, поскольку webpack упаковывает этот код в функцию и минимизирует его, переменная vm никогда не будет доступна вне скрипта.Как я могу это исправить и обеспечить доступ к переменной vm из других сценариев?

Все настройки веб-пакета являются настройками по умолчанию, предоставленными vue-cli.

Answer 1

Вы можете экспортировать экземпляр Vue и импортировать его в другие сценарии.

export const vm = new Vue({
  store,
  render: h => h(App)
}).$mount('#app');

Чтобы получить доступ к нему в других сценариях, просто используйте

import { vm } from 'path/main.js'

Answer 2

Вы можете поставить его на window

window.myComponent = new Vue({
  store,
  render: h => h(App)
}).$mount('#app');