<html>
 <head>
   <meta charset="UTF-8">
   <script src="https://unpkg.com/vue@next"></script>
 </head>
 <body>
 <div id="app1">
   <ul>
     <template1></template1>
     <template1></template1>
     <template1></template1>
   </ul>
 </div>
    
<script>
     const App1 = {
     }

     // Vue.jsのインスタンスを作っている。ここからVue.jsのコードを開始する、という宣言
     const app = Vue.createApp(App1)

     app.component('template1',{
       template: `
       <button>ボタン</button>
       <br>        
       `
     })

     // mountで、どの部分をVue.jsでコントロールしたいか指定する
     app.mount('#app1')
</script>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.