在HTML中引入vue组件

要在HTML中引入Vue组件，需要先在页面中引入Vue.js库。然后，使用Vue.component()方法来注册组件并将其添加到Vue实例中。下面是一个示例：

1. 引入Vue.js库：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2. 注册并引入Vue组件：

<div id="app">
  <my-component></my-component>
</div>

<script>
  // 创建Vue组件
  Vue.component('my-component', {
    template: '<div>Hello World!</div>'
  });

  // 创建Vue实例
  new Vue({
    el: '#app'
  });
</script>

在上面的示例中，我们创建了一个名为"my-component"的Vue组件，并将其添加到Vue实例中。然后，我们在HTML中使用该组件，将其渲染为"Hello World!"。