Vue 사용시, 마커 커스텀 오버레이 컴포넌트화 방법 문의

안녕하세요, Vue.js를 사용해서 마커 클릭시 커스텀 오버레이로 인포윈도우를 띄우려고 합니다.

   this.infowindow.setContent(
    '<div style="padding:5px;font-size:12px;">' + data.place_name + "</div>"
  );

이런식으로 띄우는데, 혹시

태그 대신 Vue에서 지원하는 template을 사용해서 컴포넌트화 작업을 할 수는 없을까요…??
파일을 분리해서 컴포넌트를 끼워 넣고 싶은데 다른 방법이 있다면 도움 주시면 감사드리겠습니다ㅠㅠㅠ

인포윈도우 content는 HTMLElement 또는 HTML 문자열만 허용합니다.
아래 답변도 참고해주세요.

아 그렇군요…ㅠㅠㅠ 감사합니다