create/mount, getter/setter, watch

beforeCreate: App.vue의 전체 컴포넌트(소스)가 작성되기 전

created : App.vue의 전체 컴포넌트(소스)가 작성 된 후

beforeMount: template의 html요소에 연결되기 전

Mounted: template의 html요소에 연결된 후

 

<h1 v-once> 화면에 보이는 값에서 더이상 변화시키지 않는다.

<h1 v-html='mesage'> message에 할당된 html소스를 h1에서 그대로 받아 html문으로 출력시킨다.

<h1 :class="msg"> h1에 class를 추가할시

 

Getter 와 Setter

get과 set을 정확히 쓰면 methods안의 add()를 통해 새로만들어진 값이 set의 매개변수로 들어가게 된다.

watch

msg1을 watch의 감지기능으로 감지되면 아래 추가적인 로직을 만들어낼수 있다.