Belley Vue 是一個 Vue.js 的插件，它提供了一個快速、輕量級的方式來實現基于圖片的背景平鋪在你的網頁中。

使用 Belly Vue 可以使你的網頁看起來更加美觀和專業，它為你提供了一些有用的功能，例如：動態調整圖片大小，自動裁剪圖片到合適的大小，同時提供了一些常用的 API 和鉤子函數等。

import Belly from 'belly-vue';
export default {
components: {
Belly
},
data() {
return {
options: {
size: 'cover',
color: '#fff',
opacity: 0.8
},
imgUrl: 'https://unsplash.it/1920/1080?image=123'
}
}
}

如何使用 Belly Vue 呢？首先，你需要安裝 Belly Vue 的 npm 包。

npm install belly-vue --save

然后，在你的 Vue 組件中引入 Belly，并添加 Belly 標簽到模板中。

// 引入 Belly
import Belly from 'belly-vue';
// 在組件中注冊 Belly
components: {
Belly
},
// 添加 Belly 標簽到模板中

其中，options 是一個對象，可以設置平鋪圖片的大小、顏色和透明度等；imgUrl 為你要平鋪在網頁中的圖片的 URL。

Belly Vue 是一個非常實用的插件，它可以讓你的網頁看起來更加美觀和專業。希望這篇介紹對你有所幫助！