Programmers

Vue인스턴스, 반응형이 동작되는 과정을 설명 html {{ msgA }} {{ msgB }} Change! script내부의 data에 정의되지 않은 데이터는 반응형으로 만들어 질 수 없다. {{ msgA }}는 정의 되어 있어서 반응형이 가능하지만, {{ msgB }}는 반응형이 불가하다. 실행화면 ↓ 버튼클릭을 통해서 msgB를 출력하는 것은 가능하지만 반응형은 불가능하다.

v-on:click 사용법 js에서 html로 단방향으로 바인딩된다. js const vm = new Vue({ el: '#app', data: { message: "안녕하세요! VueJS!" }, methods: { reverseMessage: function() { this.message = this.message.split('').reverse().join('') } } }) methods안에 함수를 정의한다. this는 맨 위의 vm을 가리키고 this.message는 vm이 가지는 data의 message를 가리킨다. reverseMessage는 split('')을 통해 문자 단위로 쪼개고 reverse를 통해 뒤집고 join('')을 통해 다시 합친다. html {{ message }} 메시지..