Replace default HTML tag with VUE component

Multi tool use
Multi tool use











up vote
0
down vote

favorite












I need to replace all h1 tags on my site with custom ones but i cant handle it:






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>





Can i place my component on top of HTML tag?










share|improve this question


























    up vote
    0
    down vote

    favorite












    I need to replace all h1 tags on my site with custom ones but i cant handle it:






    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>





    Can i place my component on top of HTML tag?










    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I need to replace all h1 tags on my site with custom ones but i cant handle it:






      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>





      Can i place my component on top of HTML tag?










      share|improve this question













      I need to replace all h1 tags on my site with custom ones but i cant handle it:






      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>





      Can i place my component on top of HTML tag?






      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>





      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>






      vue.js






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 2 days ago









      Diskyp

      1166




      1166





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53184035%2freplace-default-html-tag-with-vue-component%23new-answer', 'question_page');
          }
          );

          Post as a guest





































          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53184035%2freplace-default-html-tag-with-vue-component%23new-answer', 'question_page');
          }
          );

          Post as a guest




















































































          aCO ID1
          CWFpgO b 8Km

          Popular posts from this blog

          横浜市

          Rostock

          Europa