javascript - vue 템플릿이 jsx의 구조 분해 소품 기능을 시뮬레이션하는 방법

Question

우리는 jsx에서 이와 같은 props에 값을 할당할 수 있다는 것을 알고 있습니다

으아악

나는 이것을 할 수 있지만

으아악

하지만 위와 다른 점은 my-comp가 실제로 하나의 some-props 的 prop， （一个对象属性），而不是像 jsx 那样，获得了 a，b 두 개의 prop(값 확장이 있는 속성)만 받는다는 것입니다.

객체 속성과 확장 속성의 차이점은 전자가 props 검증에 불편하다는 점입니다.

jsx와 같은 효과를 내고 싶다면 이렇게 쓰겠습니다

으아악

소품을 많이 써야 하는 경우가 많기 때문에 이렇게 글을 쓰는 것은 매우 귀찮습니다.

그렇다면 질문은, vue에서 jsx의 약어를 구현하는 것이 가능합니까?

Answer 1

주의하세요. 그리고 이건 어떨까요?

으아아아

Answer 2

그럼 템플릿 대신 렌더링 함수에 jsx를 작성하시겠습니까?