[Vue] Vue야, 이리오너라!

미네르바의 올빼미는 황혼녘에 날개를 편다.

 

data 속성의 값은 화면 요소의 상태가 되는 데이터 객체이다.

 

템플릿 문법

Mustache 문법과 v-bind 속성이 있다.

[v-bind 속성]
아이디, 클래스, 스타일 등의 HTML 속성 값에 뷰 데이터 값을 연결할 때 사용한다. 형식은 v-bind 속성으로 지정할 HTML속성 앞에 접두사로 v-bind: 를 붙여준다. v-bind 문법을 :로 간소화할 수 있다.

[Mustache 문법]
뷰 인스턴스의 데이터를 HTML 태그에 연결하는 텍스트 삽입 방식이다. 다른 언어나 프레임워크에서도 사용되는 템플릿 문법이다. {{ }} 안에 자바스크립트 표현식을 쓸 수 있다.

methods 속성
Vue 인스턴스의 생성자 옵션 객체에서 methods 속성으로 정의한다.

이벤트 처리 콜백 함수를 정의하거나 인스턴스의 데이터를 가공하는 함수를 정의하는데 주로 사용된다.

computed 속성과 다르게 캐시 기능을 지원하지 않으므로 호출할 때마다 실행되는 것을 보장할 수 있다.




나의 코딩스타일은 왜보단 어떻게에 극도로 치중되어있어서 이유를 몰라도 어떻게든 문제를 해결하는 편이다.
국비교육 선생님은 나에게 코딩을 감각적으로 친다고 칭찬과 지적을 동시에 했었다.

코딩에 감각이 있는 것은 크게 도움이 되겠지만 그 감각만 믿고 이론 공부를 안 하는 것은 결국 네 발목을 붙잡게 될 것이라고 그 감각이 네게 양날의 검이 될 것이라고 조언해주었다.

돌이켜보니 Vue 문법만 읽어보고 Quasar를 다루고 있는건 너무 거만하지 않았나 싶어서 오늘은 내가 쳤던 코드들을 돌아보며 오랜만에 이론 공부시간을 가져보았다.

Thanks for watching, Have a nice day.