프론트엔드 개발

vue - computed parameter 본문

Front-End/Vue.js

vue - computed parameter

태나미 2022. 9. 2. 22:09

vue - computed parameter 사용하는 방법

보통 methods에 함수를 정의해 parameter를 넘기고 있었지만, computed를 사용할때도 parameter를 넘길 수 있는지 궁금했다.

아래와 같이 사용할 수 있는데, 보통 아래와 같을때는 methods에 함수를 정의하는 방식으로 사용할 수 있겠지만 어떨 때 다음과 같은 방식을 사용하는지는 좀 알아봐야겠다.

<template>
    <ul>
        <li v-for="(item, index) in temp" :key="index">
            <button type="button" @click="temp(index)">
                <span>{{ item }}</span>
            </button>
        </li>
    </ul>
</template>

<script>
    export default {
        computed: {
            temp() {
                return (index) => {
                    return index;
                };
            },
        },
    };
</script>

출처: https://velog.io/@nekonitrate/Vue.js-computed-%EC%97%90-Parameter-%EB%A5%BC-%EB%84%98%EA%B8%B0%EB%8A%94-%EB%B0%A9%EB%B2%95

'Front-End > Vue.js' 카테고리의 다른 글

vue composition API를 쓰고난 후  (0) 2023.02.16
vue input value 값 실시간 변경 감지  (0) 2022.08.14
Nuxt + Typescript  (0) 2022.05.08
Nuxt (version 3) Quick Start 해볼까?  (0) 2022.05.07
Nuxt (version 3) concept에 대해  (0) 2022.05.07
Comments