Vue 3 でコンポーネント インスタンスに非応答データを設定するにはどうすればよいですか?

Question

<p>Vue2 にも同様の問題があり、<code>$options</code> を使用することをお勧めします。 </p> <p>しかし、Vue 3 では動作しないようです。 </p> <p>まず、Vue 3 のドキュメントには、<code>$options</code> は読み取り専用であると記載されています。 </p> <p>コンポーネントがマウントされているときにインスタンスでツールヒントを初期化しようとすると、非常に奇妙な動作が発生します。ツールヒントが表示されるとき、最後に作成されたコンポーネントから表示されるため、<code> ;$ options</code>は何らかの形で「グローバル」ですか? </p> <p><code>tooltip</code> を <code>data</code> 内に配置すると、すべて正常に動作しますが、明らかにツールチップは応答しないはずなので、< コード外> 内に配置したいと考えています。 ;データ。 </p> <pre class="brush:html;toolbar:false;"><テンプレート> </テンプレート> <スクリプト> {Tooltip} を「ブートストラップ」からインポートします。 デフォルトのエクスポート { 小道具: [「アイコン」、「タイトル」]、 ツールチップ: null、 データ（） { 戻る { ホバー: false } }、 マウントされた() { this.$options.tooltip = 新しいツールチップ(this.$refs.icon,{ 配置: '下'、 トリガー: '手動'、 タイトル: this.title || '' }); }、 } </スクリプト> </pre></p>

Answer 1

非応答プロパティを mounted() フックでコンポーネント インスタンスに直接アタッチできます:

リーリー ＃＃＃＃＃＃デモ＃＃＃＃＃＃