Vue 2.6.0 - Menu를 Server에서 받아 동적으로 처리하기

 처음으로 Vue를 접하게 되었는데, 기존에 Javascript 하던 것처럼 메뉴를 서버에서 받아 동적으로 처리하려 하니 Router에서 받아 들이지 못해 잘 되지 않았습니다. 똑같은 json인거 같은데 아무래도 인식이 안되는 거 같았습니다. 그래서 좀 찾아보니 아래 dependencie를 설치하면 정상적으로 실행되었습니다.

 

"@babel/plugin-syntax-dynamic-import": "^7.8.3"

 

 위 디펜던시가 동적으로 import할 수 있게 해주어 Router에서 component를 문자로 받아도 읽어 들일 수 있었습니다. Vue로 동적 메뉴를 구성하실 때 참고하시기 바랍니다.