vue에서 background-image 적용하기

vue에서 css 스타일 적용

<template>
  <div :style="{'background-image':'url(https://vuejs.org/images/logo.png)'}">
  </div>
</template>

이제 div태그에는 백그라운드 이미지가 적용되었습니다. 이 외에 필용한 스타일(크기, 사이즈 방식 등등)은 따로 지정하시면 됩니다. 위에 필요한 속성 등 알아둘 사항은 아래와 같죠.

 

 

일반 css 적용

#box2-2{
        width: 300px;
        height: 150px;
        background-image: url("/images/attach/earth.jpg");
    }