vuejsで複数のコンポーネントを作りたい

追記: 自己解決しました

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>My Vue.js Practice</title>
</head>
<body>
  <div id="myCounter">
    <div>{{ count }}</div>
    <button v-on:click="count ++">Up</button>
  </div>
  <script src="./js/vue.js"></script>
  <script>
    var vm = new Vue({
      el: '#myCounter',
      data: {
        count: 0
      },
      methods: {
        countUp: function(){
          this.count++;
        }
      }
    });
  </script>
</body>
</html>

サンプルをみてカウンターを作りました。
ページ内に複数のカウンターを設置して、それぞれの値が連動するようにするにはどうしたらよいのでしょうか。