12. 로더피처 적용하기

1. 공개폴더(public)에 images/loder1.gif 파일을 넣는다.

2. 이미지를 삽입하고  flase

3. 로더가 적용될 메서드에 ture 작성한다.

4. 템플릿안에 보일 위치에 image 바인딩을 한다.

<template>

<div>

<div>

<img :src="image" alt="">

</div>

5. 확인

6. 수정

<template>

<div>

<div v-if="!loading">

<img class="rounded mx-auto d-block" :src="image" alt="loder">

</div>

<div v-else>

생략...

</div>