<template></template>
<script>
import ...
export default {
    name: "Name",
    props: {
        item: Object,
        viewList: Array,
        isRetrieving: Boolean,
        show: Boolean,
        title: String,
        selected: Array,
        required: Boolean
    },
    components: {},
    data() {},
    created() {},
    computed: {},
		filters: {},
		methods: {},
    watch: {}
};
</script>

<template></template>
<script>
import ...
export default {
    name: "Name",
    props: {},
    components: {},
    data() {
				return {
				}
		},
    created() {},
    computed: {},
		filters: {},
		methods: {},
    watch: {}
};
</script>

<template>
<div>
	<span>{{ data | number }}</span>
</div>
</template>
<script>
import ...
export default {
    name: "Name",
    props: {},
    components: {},
    data() {},
    created() {},
    computed: {},
		filters: {
				telNo: (value) => {
		        let rtn = value.replaceAll('-','').replaceAll(' ','');
            if (rtn.length > 11) {
                return rtn.replace(/(\d{4})(\d{4})(\d)/, '$1 - $2 - $3');
            } else if (rtn.length <= 11) {
                return rtn.replace(/(\d{3})(\d{4})(\d)/, '$1 - $2 - $3');
            }
        },
    },
		methods: {},
    watch: {}
};
</script>

<template></template>
<script>
import ...
export default {
    name: "Name",
    props: {},
    components: {},
    data() {},
    created() {},
    computed: {},
		filters: {}
		methods: {},
    watch: { //Prop OR Data

        /** Attribute Description
        varSample: {
            deep: true, //array 내부의 데이터 변경을 감지
            immediate: true, //페이지 로드시 최초 1회 무조건 실행
            handler: ${function} // watch 충족시 호출될 함수 명시
        }*/

        //deep이나 immediate를 사용하지 않는 경우::handler만 구현
        var1(newVal,oldVal) {},
        var2: function(newVal,oldVal) {},

        //Object type
        'objVar.contents': function (newVal,oldVal) {},

        //Array Type
        arrayVar: {
            deep: true,
            handler() {}
        }
    }
};
</script>