追記: 自己解決しました
<!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>
サンプルをみてカウンターを作りました。
ページ内に複数のカウンターを設置して、それぞれの値が連動するようにするにはどうしたらよいのでしょうか。
<div id="myCounter">
配下であれば<div>{{ count }}</div>
をもう一つ置くことで同じ値を表示できます。