用VUE组件替换默认的HTML标签

Question

我需要用自定义标签替换网站上的所有h1标签，但我无法处理：

Vue.component('h1', {
  template: '<div>REPLACED</div>'
})
new Vue({ el: 'vue' })

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<vue>
  <h1>
    lalalala
  </h1>
</vue>

我可以将我的组件放在HTML标签之上吗？