[Vue.js] 공통함수 예시

Vue.js 처음해봤는데 jsp 단에서 소수점 자리 표출이나 세자리 콤마 같은
공통적으로 사용해야하는 함수가 필요했다.
개별 jsp의 js에서는 선언해서 쓰는 건 아니라 common.js 에서 작업 !!
그런데 common.js 에서 선언한 함수를 Vue.js 에서는 어떻게 쓰는지 몰랐다.

방법은 간단했다.
아래처럼 common.js 에 formatDate 를 만들어주고
.jsp 에서 changeFormatDateStart 함수로 쓰겠다고 아래와 같이 .js 에 만들어주면 된다.

formatDate, // 공통 함수 사용 선언
changeFormatDateStart(value) {
return this.formatDate(value);
},

그럼 .jsp 에서는

<td>{{changeFormatDateStart(row.date)}}</td>

이렇게 해주면 된다.

row 는 아래와 같이 컨트롤러에서 리턴받은 list 객체이다.

<tr v-for="(row , index) in rows.list" @click="search(row , index)">
<td>{{changeFormatDateStart(row.date)}}</td>
</tr>

일반적으로 common.js 로 공통 스크립트 만드나 작업하려는 jsp 에서 commom.js 가 제대로 include 되어 있는지

확인 후 작업바란다.