Javascript/Vue.js
-
Vue.js 와 DOM의 상호작용 방법Javascript/Vue.js 2019. 8. 18. 20:21
Vue.js 는 아래와 같은 html 코드를 기반으로 템플릿을 만들어냅니다. 그리고 내부적으로 이 템플릿을 이용하여 사용자에게 실제로 보여지게될, 렌더링된 DOM을 생성합니다. Vue 인스턴스는 new 키워드를 통해 아래와 같이 생성할 수 있습니다. 인스턴스 내의 데이터를 html 코드에 바인딩하기 위해서 이중 중괄호 {{ }} 를 이용할 수 있습니다. {{ }} 를 Interpolation(보간법) 이라고 합니다. {{ title }} new Vue({ el: '#app', data: { title: 'Hello world!' } }); Interpolation 안에는 data 오브젝트 뿐만 아니라 methods 내의 함수들을 호출하여 렌더링할 수도 있습니다. {{ sayHello() }} new Vu..