問題タブ [vue-dynamic-components]

次のようなコンポーネントがあります。

Relation.vue

wierd.service.js

Entry.vue

innerText プロパティは、コンポーネントがどのようにレンダリングされるかを決定し、 @ スロットを任意の位置に置くことで常に変更できます。この例では、結果は次のようになります。

コンポーネントにはタイプEntryのプロパティがあるため、これは機能しますが、実際のオブジェクトを取得するには、側にエントリオブジェクトが必要であり、コンポーネントに文字列が必要です。オブジェクトを直接動的テンプレートに渡して、シリアル化と逆シリアル化を常に回避するように、上記を機能させるにはどうすればよいですか。entryStringJSON.stringify()weirdServiceEntryJSON.parse()

ところで、これを機能させるには、vue.config.js で runtimeCompiler を有効にする必要があります。

JSXを使用してオブジェクトを含むコンポーネントを返すことができることは知っていますが、これはrender()関数でのみ許可されているようで、私のようなカスタム関数では許可されていません。

ありがとう！！

私の目標をよりよく説明するために、このデモを作成しました: https://codepen.io/Albvadi/pen/OJMgByR

各ボタンは新しいアラートを作成し、コンポーネント配列の vex ストア内にオブジェクトを作成します。プロパティを使用componentして、レンダリングするコンポーネントのタイプを知っています。

各アラートは、コンポーネント内のデータ プロパティにランダムな文字列を生成します。グローバル コンポーネント配列内の子アラート コンポーネントからデータを取得するには、Vuex との接続をどのように構成する必要がありますか?

ありがとう！