在Web應用程序中，背景通常是一個很重要的設計元素。Vue.js中，我們可以使用style屬性來設置背景樣式。

要設置背景顏色，我們可以在元素上使用style屬性將其背景顏色設置為所需的顏色值。

<template>
<div style="background-color: blue;">
<h1>Vue.js背景顏色設置示例</h1>
</div>
</template>

要設置背景圖片，我們可以使用style屬性中的background-image屬性來指定所需的圖像。我們還可以使用其他CSS屬性，例如background-repeat、background-attachment和background-position，以更改背景圖像的行為。

<template>
<div style="background-image: url('https://example.com/images/bg.jpg'); 
background-repeat: no-repeat;
background-size: cover;
height: 300px;">
<h1>Vue.js背景圖片設置示例</h1>
</div>
</template>

使用Vue.js，我們還可以將動態數據綁定到style屬性中。例如，我們可以將背景顏色從一個組件的data屬性獲取。

<template>
<div :style="{ backgroundColor: color }">
<h1>Vue.js動態背景顏色示例</h1>
</div>
</template>
<script>
export default {
data () {
return {
color: 'blue'
}
}
}
</script>

總之，Vue.js提供了許多選項來設置背景。無論是設置顏色還是圖片，或是通過綁定屬性設置動態數據，Vue.js都是一個強大且靈活的工具。