Vue filters

<div id="app">
    자동 연산 작업 - 입력된 데이터에 10을 더하기
    <input type="text" v-model.number.lazy="age"><br>
    
    <!-- 왼쪽 부터 순차적으로 진행 된다. 왼쪽의 결과가 오른쪽의 입력으로 주어진다.-->
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el: "#app",
        data: {
            age: 0,
            wow: 2
        },
        filters: {
            sum: function (v, w) {
                return v + w + 10;
            },
            sum2: function (v) {
                return v + 20;
            }
        }
    })
</script>

함수의 return 값, 변수 값을 다음 함수에 입력 변수로 활용할 수 있다.

Discussion and feedback