如何写一个组件，在angular和vue还有纯js里面都能用的

用angular写了一个组件，但是有一个需求就是在vue和纯js里面也能用怎么办

你想想JQuery怎么做的就知道

用原声js封装一个函数，在函数里面做你想做的操作，比如生成dom节点，创建弹窗

  1. 用原生 js 构建，通过 dom 操作控制组件的样式，参考jquey；
  2. webComponent https://developer.mozilla.org/zh-CN/docs/Web/Web_Components

可以的 有两种方法

1 把组件dom用纯js生成
2 使用特性Web Components

img

原生js不管在哪一个前端框架里面都是可以正常运行的,所以你想要兼容所有框架,最好的办法就是使用原生js来写组件