<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8"/>
  <title>counter-vue-cdn</title>
  <!-- CSSファイルの読み込み-->
  <link rel="stylesheet" href="style.css">
</head>
<body>
<h3> ... 既存の HTML ... </h3>

<!--Vueコンポーネントの出力先-->
<div id="container" class="container-block">
  <button @click="increment">＋1</button>
  カウント：{{ count }}
</div>

<h3> ... 既存の HTML ... </h3>

<!--CDNのURL-->
<script src="https://unpkg.com/vue@3.2.1"></script>

<!--コンポーネントの定義を読み込み-->
<script src="counter.js"></script>
</body>
</html>
