Как вызвать метод Vue из main.js в файле Vue.js

Question

Почему я не могу вызвать свой метод в App.vue? Разве в приложении нет ссылки на div id = 'App', которая позволила бы вызывать там методы?

Main.js

new Vue({
  render: h => h(App),
  methods:{
    gesamt:function () {
       return 'Hello';
    }
  }
}).$mount('#app')

App.vue

<template>
    <div id="app">
        <p>{{gesamt()}}</p>
    <navbar></navbar>
    <ausgaben></ausgaben>
    </div>
</template>


<script>
    export default {
        name:"App",
    }

</script>

Answer 1

Если вы действительно хотите добавить «глобальный» метод в ваше приложение VueJs, вы можете добавить его в сам Vue следующим образом:

import {logEngagement} from "./helpers/logEngagement"
Vue.prototype.$logEngagement = logEngagement;

вы можете использовать его в component.vue следующим образом:

<script>
  export default {
    mounted() {
      this.$logEngagement.log("this");
    }
  }
<script>