[ Vue.js ] methods , computed 안에서 함수 호출하는 방법

 

Vue.js 의 methods: { }, computed: { } 등에서 같은 scope에 있는 function(함수) 를 호출하려고 할 때 그냥 호출시 안되는 경우가 있다.

"error 'function' is not defined"

에러의 한 예시

이렇게 해당 function(함수)가 선언되지 않았다 라고 에러가 출력되기도 한다.

 

분명히 같은 methods: { } 안에 해당 내용을 출력했는데도 왜 안될까?

getListOfCompany => getCompany 호출 불가

 

이는 Vue가 객체로 처리되기 때문이다.

 

■ 결론

그렇기 때문에 모두가 알고 있는,  'this.' 을 통해 함수를 호출해야한다.

this.getCompany 호출

 

이제 잘 출력되는 것을 볼 수 있다.

 

이상입니다.