router

<router-lick to="/">

html 속성

<span v-html="속성">

js의 속성 바인딩

1. 일반속성 바인딩

<span :id ="속성">

2. style 바인딩 속성

<span :style="속성">

주의 : 스타일 속성은 객체 형태이다.

3. 버튼 disabled 바인딩

<button :disabled="속성">

diabled속성은 true, false로 결정

4. 이미지 바인딩

이미지태그는 js에 주의를 해줘야해서 js태그를 보여주겠다.

imgSrc : require("경로")

require함수를 사용해야한다.

5. input 바인딩

<input type="text" id="userId" v-html="속성">

조건문

<태그 v-if="조건문">실행문</ㅌ>
    <태그 v-else-if="조건문2">실행문2</ㅌ>
    <태그 v-else>실행문3</ㅌ>

반복문

<li v-for="(data, index) in fruits" :key="index">{{data}}</li>

함수

<button @이벤트="함수명2">내용</button>