VUE1 [Vue.js] Computed 속성에 대하여 Computed 속성템플릿 문법에서 JavaScript 표현식을 사용하면, 쉽게 원하는 데이터를 DOM에 그릴 수 있습니다. 하지만 복잡한 연산을 템플릿 안에서 하게 되면, 코드를 이해하고, 유지보수하기 어려워집니다. 아래에서 예를 보여드리겠습니다. {{ message.split('').reverse().join('') }} new Vue({ el:'#example', data: { message:'안녕하세요' }, computed: { reversedMessage:function () { return this.message.split('').reverse().join('') } } }) 원본 메시지: "{{ message }}" 역순으로 표시한 메시지: "{{ reversedMessage }}" com.. 2020. 1. 7. 이전 1 다음