Vue.js: data 코드의 축약형과 원래 형태 / 배열 특정 원소 대체하기

원래 형태

• 객체가 있고 객체의 값으로 함수를 넣은 형태입니다.

export default {
    data: function() {
        return {
            todoItems: []
        }
    },
}

methods: {
    addTodo: function(){
        
    }
},

축약형

• ES6(ECMAScript 2015)에서 도입된 ‘메서드 축약 표현(Method Shorthand)’입니다.
• 문법적 “설탕(syntactic sugar)”으로, 아래와 같이 함수를 넣으면 함수 이름을 자동으로 키 이름에 할당합니다.

export default {
    data() {
        return {
            todoItems: []
        }
    },
}

methods: {
    addTodo() {
        
    }
},