Vue 카카오 로그인

vue에 자바스크립트를 이용해서 카카오 로그인을 구현하고있습니다.
vuex에
loginWithKakao ({commit}, payload) {
Kakao.Auth.login({
success: function(authObj) {
Kakao.API.request( {
url : ‘/v1/user/me’,
success: function(res) {
var sGetName = res.properties.nickname
commit(‘setUser’, sGetName)
}
})
this.$http.post(‘http://localhost:8000/accounts/rest-auth/kakao/’, {“access_token”:authObj.access_token})
.then(response => {
let Token = response.data.token
commit(‘setToken’, Token)
})
.catch(error => {
console.log(error)
})
},

이렇게 추가했는데 Kakao가 정의되지 않은 함수라고 나오네요.
index.html파일 에 도 잘 추가됐습니다.
왜 kakao 함수를 못불러오는걸까요ㅠ

SDK가 import 잘 되었는지 확인이 필요할 것 같아요.

잘 되었다면 Kakao.Auth.login 함수를 작성하신 부분이 global scope 에 접근 가능한 영역인지도 확인이 필요할 것 같아요.

죄송한데 SDK import 하는방법이요…

이거 말고 하는 방법없나요 ?
vue.js 에서 어떻게 하는지 진짜 죽을것같네요…
vue.js 에서 많이 개발하셨을텐데 도대체 저거를 어디서 선언해야죠 ?
vue.js에서 sdk 로드하고 KaKao 객체 쓴 간단한 샘플을 못구하나요?

1개의 좋아요