Vue.js で component を id 指定する
Vue.js
Published: 2019-11-04

やったこと

Vue.js で component を指定するとき html の id 属性を利用して指定します。

確認環境

Console Log

Vue.version
"2.5.17"

調査

index.html

<!DOCTYPE html>
<html>
  <body>
    <div id="app">
      <hoge></hoge>
    </div>
    <script src="https://unpkg.com/vue@2.5.17"></script>

    <script type="text/x-template" id="hoge">
      <p>hogehoge</p>
    </script>
    <script>
      Vue.component('hoge', {
        template: '#hoge'
      })
      new Vue({
        el: '#app'
      })
    </script>
  </body>
</html>

参考