Vue div formatter是一個基于Vue.js的開源庫，用于格式化和渲染HTML字符串，并將其包裝在div元素中。該庫支持自定義選項和配置，具有高度靈活性和定制化能力。

在使用Vue div formatter時，首先需要通過npm或yarn將其安裝到您的項目中：

npm install vue-div-formatter --save

安裝完成后，您可以像下面這樣在Vue.js中使用Vue div formatter：

<template>
<div v-html="formattedHTML" />
</template>
<script>
import VueDivFormatter from 'vue-div-formatter';
export default {
data: () => ({
unformattedHTML: '<p>This is an example of an unformatted HTML string.</p>',
options: { /* Your custom options here */ }
}),
computed: {
formattedHTML() {
return VueDivFormatter.format(this.unformattedHTML, this.options);
}
}
}
</script>

在上面的代碼中，我們首先從Vue div formatter的包中導入該庫，并將其用于Vue.js組件中。然后我們定義了一個包含待格式化HTML字符串和自定義選項的data對象。接下來，我們使用Vue.js的computed屬性來調用Vue div formatter的format方法，將未格式化的HTML字符串轉換為可以在div元素中渲染的格式化HTML字符串。

總的來說，Vue div formatter是一個非常實用的工具，可以讓您輕松地格式化和渲染HTML字符串，并可進行高度定制和靈活性配置。