index2.html

<html>

<head>
  <title>Vue Component Registration</title>
</head>

<body>

  <div id="app">
    <h3>첫 번째 인스턴스 영역</h3>
    <my-global-component></my-global-component>
    <my-local-component></my-local-component>
  </div>
  <hr />
  <div id="app2">
    <h3>두 번째 인스턴스 영역</h3>
    <my-global-component></my-global-component>
    <my-local-component></my-local-component>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.js"></script>
  <script>
    Vue.component('my-global-component', {
      template: '<div>전역 컴포넌트입니다.</div>'
    });

    let cmp = {
      template: '<div>지역 컴포넌트가 등록되었습니다!</div>'
    };

    new Vue({
      el: '#app',
      components: {
        'my-local-component': cmp
      }
    });

    new Vue({
      el: '#app2'
    });
  </script>
</body>

</html>