반응형 Slot1 ⚓ Vue Slot으로 테이블 구현 🚆 slot slot은 컴퍼넌트를 추상화 시키기위해 사용되는것으로 보인다. 추상화 시킴으로써 재사용할 수 있다는 장점이 있다. 이번에는 slot을 사용하여 table을 구현하는 방법을 해보았다. 🚩 table thead slot으로 만들어보기 table의 thead를 구현해볼 것이다. table은 전역에서 사용하지만, thead,tbody만 내용이 다르다는 것이 있어서, thead,tbody를 추상화 해볼것이다. //Slot.vue 위와 같이 "" 이 부분을 추상화 시켜놓았다. 아래코드는 구현에서 어떻게 구현했는지 보여주는 코드이다. No 상품명 가격 slot에서 선언한 name="header"를 구현부분에서는 위와 같이 #header로 구현하였고 #header 코드 안에 th에 들어가는 부분을 구현하였.. 2022. 5. 31. 이전 1 다음 반응형
