디렉티브1 [Vue.js] Vue.js 기초 1. 디렉티브 : 'v-' 로 시작하는 속성. 주로 데이터 바인딩과 관련된 처리 * v-if, v-bind, key 등은 속성임 2. 데이터 바인딩: 데이터와 렌더링을 동기화하는 구조 ● 텍스트 바인딩 {{ message }} * new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다. //관례적으로 app 또는 vm(ViewModel)라는 변수 이름을 사용함 var app = new Vue({ // new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다 el: '#app', data: { message: 'Hello Vue.js' } }) console.log(app.message) // app.data.message 가 아니라는 점 주의 ● 반복 렌더링 data옵션에 등록한 배열.. 2024. 1. 17. 이전 1 다음 728x90