Vue 3: コンポジション API、コンポーネント インスタンスからメソッドを呼び出す方法は?

Question

Vue 2 ではこれが気に入っています:

リーリー

これで、次のようにコンポーネント メソッドを呼び出すことができます:

リーリー

Vue 3、TS、Composition API を使用してコンポーネントを作成しようとしているので、次のようにします:

リーリー

コンポーネント内にメソッド add:

を作成します。 リーリー

次に、プラグインでコンポーネント メソッドを使用したいと思います:

リーリー

しかし、それはできません。コンポーネント インスタンスにはこのメソッドがありません...何を間違えたのでしょうか?

Answer 1

Vue 3 では、setup メソッドで宣言されたものはすべてコンポーネントに対してプライベートです。外部コンポーネント/js コードがそのプロパティの一部にアクセスできるようにする場合は、defineExpose コンポーザブルを使用する必要があります。

リーリー

オプション API を使用する場合にも存在します: expose