Vue instance 속성
<script>
new Vue({
el:'CSS선택자'
data:{
msg : "예시"
}
});
</script>
el
Vue가 적용될 요소 지정.
data
Vue에서 사용되는 정보 저장. 객체 또는 함수 형태
template
화면에 표시할 html,css등 마크업 요소를 정의하는 속성
뷰의 데이터 및 기타 속성들도 함께 화면에 그릴 수 있다.
methods
화면 로직 제어와 관계된 method를 정의하는 속성
마우스 클릭이벤트 처리와 같이 화면의 전반적인 이벤트와 화면 동작과 관련된 로직을 추가
created
뷰 인스턴스가 생성되자 마자 실행할 로직을 정의
'Web > Vue' 카테고리의 다른 글
| Vue cli eslint+prettier 탭이나 간격 오류 발생시 (0) | 2022.05.17 |
|---|---|
| Vue computed속성 vs watch속성 (0) | 2022.05.16 |
| Vue 디렉티브 (0) | 2022.05.16 |
| Vue Life Cycle 간단정리 (0) | 2022.05.16 |
댓글