.vue 拡張子の 単一ファイルコンポーネントでexport defaultの外から 内部のメソッドを実行したい。

Question

拡張子の 単一ファイルコンポーネントでexport defaultの外から内部のメソッドを実行したい。　のですが、どうしたら良いでしょうか？

現在、強引に以下のような方法で実現しているのですが
良い方法とは思えないので、良い方法があれば教えていただきたいです。

※以下はvue-electronを使用して、Mainプロセッサから通信があったら呼び出す想定です

現状

コンポーネント
SubHoge.vue

コード

<template>
//省略
</template>

<script>
	//省略
	
	export default {
		name: 'hoge',
		// 省略
		methods: {
			hogeFunc() {
				// 省略
			},
		}
	};

  // Main プロセッサーから　hogeFuncGo が通信された時 
  ipcRenderer.on('hogeFuncGo', () => {
  	this.a.methods.hogeFunc();
  });

</script>

経緯

console.logでthisを調べる

Object {
	a: Object
	  //省略
	  methods:Object
	  	 hogeFunc
	  	 // 省略
}

上記のようになったため

this.a.methods.hogeFunc();

このように実行しています。

良い方法とは思えないようでよろしくお願いいたします。

Answer 1

あまりよろしく無いのはおっしゃる通りなんですが、やらざる得ない状況でして…

一旦この方法で形にしたいと思いますmm

Answer 2

そもそも、コンポーネント外部からコンポーネントの内部メソッドを呼びたくなってしまう設計が間違っているのではないかと思います。
具体的な処理や構造がわからないのでどのようにすべきか的確なことは言えませんが、どこからでも使える独立したモジュールとして作った方がいいのではないかと思います。

コンポーネントの内部メソッドをどうしても外部から呼びたい場合は、質問者さんの書いたような方法になってしまうと思います。