Global variables in Vue + webpack?

Question

webpack

An instance is created in main.js:

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

And there is a script section in the component in another file:

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

How can I create a global variable in an instance so that it can be used in a component? (and in template too)

Answer 1

Hello.
How to add a global property to all instances.
https://ru.vuejs.org/v2/cookbook/adding-instance-p...

import Vue from 'vue';

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

...

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