vue.js 입문하기

SFC 구조( .vue 파일 구조) .vue 파일의 구조는 기본적으로 , , 3가지로 구성되어 있다. .vue 파일에 하나만 포함될 수 있고, 스크립트 영역이며 ES 모듈로 실행된다. 영역에서 사용되는 하위 영역들은 아래와 같다. 영역 이름 설명 data() - data() 영역에서 정의된 변수들은 반응적인 상태가 되어, 'this'에 노출된다. - 반응적인 상태 : 해당 변수들이 수정되면, 자동으로 재랜더링되어 화면이 갱신된다. - 'this' : 에서 data()영역의 변수를 꺼내쓰려면, this를 이용해서 꺼내야 한다. methods - methods는 변수 값을 변경하고, 업데이트할 수 있는 함수를 정의하는 영역이다. - 에서는 event Listener로 사용될 수 있다. mounted() - ..