如何使html自定义标签变得像div之类的标签一样进行异步解析？

写了一些html自定义标签如

<aaa id="a" b="bbb"></aaa>

进行一些属性的封装。但是目前是用jquery获取标签的属性然后自己写js代码进行处理的，不过感觉不太好，如何使之向div标签那样，浏览器可以自动解析执行。如果不行的话有没有更好地处理方法，让标签可以异步解析（即前后标签无影响，处理起来更灵活，显示效果更好？）

注册一个全局组件

 // 注册
Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})

组件在注册之后，便可以在父实例的模块中以自定义元素 的形式使用。

 <my-component></my-component>

 渲染为：
<div id="example">
  <div>A custom component!</div>
</div>

自定义标签只能自己解析，浏览器都不识别怎么帮你解析。。

想偷懒有react框架可以自定义标签，自动用js解析

使用注册一个全局组件
// 注册
Vue.component('my-component', {
template: '

组件在注册之后，便可以在父实例的模块中以自定义元素

页面渲染为：

可以自定义标签，但是还是要最终js解析成div之类的浏览器认识的标签，具体操作react和vue

小伙子很有想法 你需要框架来帮你~~~