Vue 3 のレンダリング関数の TypeError: 未定義のプロパティを読み取ることができません ('iconType' を読み取ります)

Question

vue アプリケーションを vue 2 から vue 3 に移行しています。このエラーは、機能コンポーネントから (function: true) オプションを削除するときに発生します。私の vue 2 アプリケーションでは、プロパティ、データ、リスナーをパラメータとして渡してレンダリング関数を使用しています。公式ドキュメントを読みましたが、パラメーターを渡す方法がわかりません。これは私のvue 2レンダリング関数です。

リーリー

vue 3 のレンダリング機能に移行するにはどうすればよいですか? それとも設定機能を使用する必要がありますか? setup 関数を使用する場合、データとリスナーをパラメータとして渡すにはどうすればよいですか?

Answer 1

h 関数はパラメーターとして使用するのではなく、vue からインポートする必要があります。次のような設定フックを備えたレンダリング関数を使用することをお勧めします。

import {defineComponent, h } from "vue"; デフォルトのエクスポートdefineComponent({ 小道具: { ... }、 setup(props, { スロット }) { moreIcons = {}; にします。 let cType = props.iconType || props.type; ... .... return () => h('i',Object.assign(data, options)); }、 });