要在H5中引入Vue組件，首先需要安裝Vue.js框架和相關插件。可以通過CDN或npm安裝Vue.js。在HTML中使用script標簽引入Vue.js和其他必要的依賴項。

一旦安裝好Vue.js，就可以創建一個Vue實例。可以使用Vue.component()方法定義組件并將其注冊到Vue實例中。要注冊組件，需要傳入一個組件名稱以及一個對象，該對象包含組件的模板和數據。

Vue.component('example-component', {
template: '
Example Component
',
data: function() {
return {
message: 'Hello, World!'
}
}
});

創建Vue組件后，可以在HTML中使用該組件。可以使用Vue實例作為根實例，并將組件作為其子組件引用。使用Vue實例時，需要傳入一個el屬性來指定Vue實例的DOM元素。

var app = new Vue({
el: '#app'
template: '
'
});

在上面的代碼中，'#app'是Vue實例的DOM元素。在Vue實例的模板中，example-component是我們剛剛定義的Vue組件的名稱。當應用程序啟動時，將渲染Vue實例和其子組件。

總之，將Vue組件引入H5需要進行以下步驟：安裝Vue.js框架，創建Vue實例，定義Vue組件，并將其注冊到Vue實例中。一旦完成這些步驟，就可以在HTML中使用新組件了。