Во фреймворке Vue 2 вы можете создать пользовательские HTML-элементы с помощью директивы `vue-custom-element`. Это позволяет вам регистрировать компоненты Vue как кастомные элементы и использовать их в любом месте вашего приложения.
Установите пакет `vue-custom-element`, выполнив команду:
```
npm install vue-custom-element --save
```
Затем вам нужно зарегистрировать компонент Vue и определить кастомный элемент с помощью `customElements.define()`.
Вот пример, демонстрирующий процесс создания кастомного элемента во Vue 2:
```javascript
import Vue from 'vue';
import vueCustomElement from 'vue-custom-element';
import CustomComponent from './CustomComponent.vue';
Vue.use(vueCustomElement);
// Регистрируем компонент Vue
Vue.component('custom-component', CustomComponent);
// Определяем кастомный элемент
Vue.customElement('custom-element', CustomComponent);
```
Теперь вы можете использовать созданный кастомный элемент в своем HTML-коде:
```html
<custom-element></custom-element>
```
Замените `'./CustomComponent.vue'` на путь к вашему компоненту Vue. После этого компонент будет зарегистрирован как кастомный элемент и может быть использован в любом месте вашего приложения, включая внешний JavaScript, используя нативную функцию `document.createElement('custom-element')`.