javascript - vue テンプレートが jsx の分割 props 機能をシミュレートする方法

Question

jsx では次のようにプロパティに値を代入できることがわかっています

リーリー

vue では、これを行うことができますが、

リーリー

ただし、上記との違いは、my-comp は実際には、jsx #, のような a## を取得するのではなく、some-props (オブジェクト プロパティ) の prop のみを受信することです。 b 2 つのプロパティ (値拡張のあるプロパティ)。

オブジェクト プロパティと拡張プロパティの違いは、前者はプロパティの検証に不便であることです。

jsxと同じ効果を実現したい場合は、次のように記述する必要があります

リーリー

このように書くのは非常に面倒です。なぜなら、多くの props を書かなければならないことが多いからです。

それでは、vue で jsx の略語を実装できるかという質問です。

Answer 1

これにも注目してください。

リーリー

Answer 2

その後、テンプレートの代わりにレンダリング関数に jsx を記述しますか?