Could we make the behavior of vue jsx further imitate template

[s3xysteak]

Clear and concise description of the problem

Jsx is a popular grammar, I know. But the difference of jsx between template is annoying. How about make vue jsx further imitate template? Like:

1. Use directive in jsx, which has been achieved.
2. Use "" instead of {}. Like <> <div v-if="!isHidden" /> <>
   ... And other stuff I haven't thought about it yet.

If the differences between jsx and template syntax can be eliminated, perhaps the problem of template reuse within SFC can be solved directly. I use h() instead of jsx because the difference between them is annoying. Make light code with h() is good but too long code with h() also brings negative experience.

Suggested solution

Could we use vue/compiler-sfc directly?

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sxzz]

Inspired by Vue Vine, we will also introduce similar template syntax in the future.