소 백 입문---Vue 게 으 름 로드(vue-lazy-load)

Vue 게 으 름 로드
1.플러그 인 설치(client)
1.npm i vue:vue 2.npm i-g vue-cli 설치:전역 설치 vue-cli(vue 비계)3.vue init webpack my-project:webpack 템 플 릿 기반 새 프로젝트 4.npm i vue-lazy-load:vue-lazy-load 플러그 인 설치
2.게 으 른 플러그 인 사용

import Vue from 'vue'
import lazyload from 'vue-lazy-load'
Vue.use(lazyload,{
    loading:'         ',
    error:'         '
})

3.v-lazy 명령 을 사용 하여 게 으 른 로드 실행

<div v-for="img in list">
    <img v-lazy="img">
div>

4.데모 실행(client)
npm run dev