Vue.js

LifeCylce

beforeCreate

create

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

destroy

데이터바인딩

{{데이터 이름 }}

data() { return {} }

Object형식으로 저장

HTML속성도 데이터바인딩 가능

v-for

반복문

v-for="작명 in 데이터이름 or 반복횟수" :key="작명"

EventHandler

v-on:click:""

@click:""

코드가길면 함수를활용!!

위치는 data뒤에

methods : {}

함수안에 데이터를 불러올려면

this를 사용 ex) this.데이터명

router

path

name

component

router-view

lazy-loaded

history

$router.push

router :to

router

$route.params.name

Query

$route.query

query: { }

children

children { path : '' name :'' component: '' }

RouterGuard

beforeRouteEnter

created

beforeRouteLeave

destroyed

tofromnext

next() 반드시작성