コンポーザブル内の Vue 3 テンプレートの参照

Question

オプション API からコンポジション API に切り替えて、ミックスインの代わりにコンポーザブルを使用したいと考えています。これまでのところ、次のような計算されたプロパティを持つグローバル ミックスインを使用してきました。 リーリー

次に、アプリケーションを作成するときにこのミックスインを使用しました:

リーリー

myAlert は MyApp の計算プロパティとなり、MyApp プロパティ内で直接宣言しなくても使用できます。

次に、コンポーザブルを使用して同じ結果を達成したいとします。コンポーザブルをインポートするコンポーネントがあるとします。

リーリー ＃＃＃いいですか？その場合、コンポーザブル内で myAlert テンプレート参照をどのように宣言すればよいでしょうか?

Answer 1

あなたの useGlobalComposable 関数は次のように myAlert を返す必要があります:

リーリー

その後、設定ブロックで myAlert

を宣言できます。 リーリー

mixin の this.$refs は、Composition API では直接使用できないことに注意してください。コンポーネントを作成する場合は、this を使用してコンポーネントのプロパティとメソッドにアクセスできます。

これは、

Composition API で refs を使用する方法に関する記事です。

設定でコンポーザブルアイテムを使用した非常に簡単な例 :

リーリー リーリー