エクスポート可能な関数を備えた Vue コンポーネントを作成する方法

Question

エクスポート可能な関数を使用してコンポーネントを作成する方法を理解しようとしています。 例: このコンポーネントからインポートされた showMessage() メソッドが他のコンポーネントで呼び出されたときに画面に表示されるメッセージ ボックスを作成したいと考えています。 メッセージボックスコンポーネントにはロジックとテンプレートを記述したいと思います。 これを達成するにはどうすればよいでしょうか?これに関するドキュメントや記事があれば、大変感謝いたします。

Answer 1

1. メッセージ コンポーネントを App.vue (または他のグローバル ファイル) にマウントします。

2. ストア内の関数を通じてプロパティを制御します

＃＃＃例えば＃＃＃ リーリー リーリー

その後、piniaStore().showMessage(...)を使用してどこからでもメッセージを呼び出すことができます

(このコードは単なる概念です。正しく動作させたい場合は、開発する必要があります...)

しかし、

---

Quasar フレームワーク - Dialog

を使用できると思います ($q.dialog はまさに必要なものです!) または Ionic フレームワーク - アラート、Vuetify - ダイアログ API など (各フレームワークにはこれらのものがあります)