Vue는 키워드 쿼리 목록 데이터를 구현합니다.

 키 코드 검색 코드:

 그 중 tableList는 목록의 전체 데이터이고, tableList는 표시 목록의 데이터이며, pageList() 메서드는 페이징 처리를 위한 프런트엔드 메서드입니다.

주의할 점은 검색된 텍스트와 목록의 모든 데이터를 모두 소문자로 변환해야 한다는 점입니다.

또 중요한 점은 쿼리가 완료된 후 쿼리된 데이터를 배열로 중복 제거해야 하는데, 중복된 데이터가 있을 수 있으므로 여기에는 표시하지 않겠습니다.