Vue filters 사용 예제

<div>

    {{ price | comma }}

</div>

 

<script>

import Filters from "@/libs/filters.js";
export default {  
	data: () => ({    
    	price : 1000  
    }),  
    filters: Filters,
};

</script>

 

 

filters.js파일내용

export default Object.freeze({  
  comma: (value) => {
    var len, point, str;

    value = value + "";
    point = value.length % 3;
    len = value.length;

    str = value.substring(0, point);
    while (point < len) {
      if (str != "") str += ",";
      str += value.substring(point, point + 3);
      point += 3;
    }

    return str;
  },
});

 

출력 내용

 

1,000