Belley Vue 是一個(gè) Vue.js 的插件，它提供了一個(gè)快速、輕量級(jí)的方式來(lái)實(shí)現(xiàn)基于圖片的背景平鋪在你的網(wǎng)頁(yè)中。

使用 Belly Vue 可以使你的網(wǎng)頁(yè)看起來(lái)更加美觀和專業(yè)，它為你提供了一些有用的功能，例如：動(dòng)態(tài)調(diào)整圖片大小，自動(dòng)裁剪圖片到合適的大小，同時(shí)提供了一些常用的 API 和鉤子函數(shù)等。

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 標(biāo)簽到模板中。

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

其中，options 是一個(gè)對(duì)象，可以設(shè)置平鋪圖片的大小、顏色和透明度等；imgUrl 為你要平鋪在網(wǎng)頁(yè)中的圖片的 URL。

Belly Vue 是一個(gè)非常實(shí)用的插件，它可以讓你的網(wǎng)頁(yè)看起來(lái)更加美觀和專業(yè)。希望這篇介紹對(duì)你有所幫助！