Vue JS - 테이블 구성 요소에 전달될 때 <tr>, <td> 요소가 렌더링되지 않음

Question

vue.js를 사용하여 파일 테이블 구성 요소를 등록했습니다.

으아악

표현 컴포넌트로 사용하고 싶습니다. Laravel Blade에서 다음과 같이 tr 및 td 요소를 전달하려고 하면:

으아악

구성요소를 등록하는 방법:

으아악

행과 데이터 요소를 제외한 모든 것이 렌더링되고 테이블이 불규칙해집니다. 브라우저에서 렌더링한 후의 테이블 내용과 요소는 다음과 같습니다.

브라우저 이미지의 표 요소

온라인 기사를 읽고 Q/A로 검색했는데 아무것도 나오지 않았습니다.

Answer 1

공식 문서에는 DOM 템플릿 구문 분석 주의 사항

이 언급되어 있습니다.

더 명확하게 알아보려면 이 문제도 참조하세요. https://github.com/vuejs/Discussion/issue/204