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

Question

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

Answer 1

注册一个全局组件

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

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

 <my-component></my-component>

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

Answer 2

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

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