Web/Vue
Vue instance 속성 간단정리
952_hi
2022. 5. 16. 02:28
Vue instance 속성
<script>
new Vue({
el:'CSS선택자'
data:{
msg : "예시"
}
});
</script>
el
Vue가 적용될 요소 지정.
data
Vue에서 사용되는 정보 저장. 객체 또는 함수 형태
template
화면에 표시할 html,css등 마크업 요소를 정의하는 속성
뷰의 데이터 및 기타 속성들도 함께 화면에 그릴 수 있다.
methods
화면 로직 제어와 관계된 method를 정의하는 속성
마우스 클릭이벤트 처리와 같이 화면의 전반적인 이벤트와 화면 동작과 관련된 로직을 추가
created
뷰 인스턴스가 생성되자 마자 실행할 로직을 정의