我想將我的行為集中在定義如下的模型中：class Foobar {    doit() {        console.log('I am doing it');    }}let foobar = new Foobar()const app = new Vue({   store,    router,    foobar,   ...})稍后，在一個子組件中，我想在我的模型上觸發(fā)一個動作，我想這樣做：<template>   <b-button @click="doit">Do It</b-button></template><script>export default {    methods: {        doit() {           this.$foobar.doit(); // <----        }    }}</script>那里似乎$foobar無法訪問。Vue 中將操作集中在外部單例中的正確方法是什么？