Vue HTML Import是一個Vue.js官方插件，它允許你使用HTML作為組件。

這個插件可以輕松地將HTML文件導入到Vue組件中，所以你可以利用現(xiàn)有的HTML組件直接在Vue項目中使用。

首先，在Vue項目中安裝vue-html-import插件：

npm install vue-html-import

接下來，在main.js中導入該插件并注冊到Vue實例中：

import VueHtmlImport from 'vue-html-import';
Vue.use(VueHtmlImport);

現(xiàn)在，可以在Vue中導入HTML組件了，例如這是一個簡單的HTML組件：

<!-- filename: example.html -->
<template>
<div class="example">
<h1>Hello World!</h1>
</div>
</template>

要在Vue組件中使用該HTML文件，可以使用如下代碼：

<template>
<div>
< VueHtmlImport inline-template :src="'./example.html'">
<!-- 這里展示example.html的內(nèi)容 -->
</VueHtmlImport>
</div>
</template>

在VueHtmlImport組件中，inline-template指令允許直接使用HTML組件模板，而src屬性指定要導入的HTML文件的路徑。

這就是使用Vue HTML Import的簡單過程。它可以幫助你輕松地復用現(xiàn)有的HTML組件，提高開發(fā)效率。