Глобальные переменные в Vue + webpack?

Question

[bqio]

Создаётся экземпляр в main.js:

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

И есть секция script в компоненте в другом файле:

<script>
import { news, projects } from '../assets/db.json'
export default {
  name: 'Home',
  data () {
    return {
      news,
      projects
    }
  }
}
</script>

Как создать глобальную переменную в экземпляре, чтобы она могла использоваться в компоненте? (и в template тоже)

Comments

[Koteezy]

Не благодари
https://ru.vuejs.org/v2/guide/mixins.html

[Александр Урих]

или store

Answer 1

[Роман Сохин]

Здравствуйте.

Как добавить глобальное свойство всем экземплярам.
https://ru.vuejs.org/v2/cookbook/adding-instance-p...

import Vue from 'vue';

Vue.prototype.$appName = 'Моё приложение';

...

new Vue({
  beforeCreate: function () {
    console.log(this.$appName);
  }
});