Vue에서 sdk를 이용하는 방법 혹은 Kakao.init('key')를 이용하는 방법

JavaScript
#1

안녕하세요.

Vue를 이용해 사이트를 개발 중입니다.

카카오 공유하기(카카오링크)를 이용하려하는데요.

개발가이드를 확인해보니

script src="//developers.kakao.com/sdk/js/kakao.min.js37"

를 이용해 SDK를 가져오고,

Kakao.init(‘YOUR APP KEY’); Kakao.Link.createDefaultButton({ container: ‘#kakao-link-btn’, objectType: ‘feed’, content: { title: ‘딸기 치즈 케익’, description: ‘#케익 #딸기 #삼평동 #카페 #분위기 #소개팅’, imageUrl: ‘http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png’, link: { mobileWebUrl: ‘https://developers.kakao.com’, webUrl: ‘https://developers.kakao.com’ } },
를 이용하여 공유하기 버튼으로 이용하는 것으로 이해하고 있습니다.

반면 Vue는 .html이 아닌 컴포넌트 내에서 title, description등을 이용해야하는데 Kakao변수를 지정하지 않고Kakao.init을 어떻게 사용할 수 있나요?

SDK를 받아와서 모듈처럼 이용해보려했는데 변수 가 제대로 지정이 안되는데, Vue.js App에서는 그대로 가져다 쓸 수가 없는건가요?

간단하게 얘기하면 Vue에서 kakao공유하기를 이용하는 방법을 알고 싶습니다.

#2

Kakao는 window에 붙기 때문에 전역에서 참조가 가능 하구요.

index.html에서 한번 로드하고 키셋팅 한 후에, 컴포넌트 레벨에서, Kakao.Link.createDefaultButton등을 호출하여 사용 하시면 됩니다.

#3

안녕하세요. 저도 같은 문제를 겪고 있는데 키셋팅이라는게 무엇을 말씀하시는건가요?

#4

Kakao.init(‘YOUR APP KEY’);