vue-web-component-wrapper使用 Vue 开发 Web 组件

vue-web-component-wrapper 是一个使用 Vue 来开发 Web Components 的 JavaScript 库，支持大部分常用的 Vue API。

import Vue from 'vue'
import wrap from '@vue/web-component-wrapper'

const Component = {
  // any component options
}

const CustomElement = wrap(Vue, Component)

window.customElements.define('my-element', CustomElement)

请注意，以这种方式构建的 Web Components 会依赖 Vue 的 runtime，这意味着最少会有 16kb 的 runtime 代码被引入。