Aktualizacja danych w zmiennej i elemencie DOM Opcje

[jutro]

Witam

Chciałbym stworzyć prostą grę IDLE w javascripcie mam takie pytanie. Dane całej gry przechowuję w zmiennej, przykład:

[PHP] pobierz, plaintext 
var data = {
    "value1": 4
};
[PHP] pobierz, plaintext 

W htmlu mam takie małe okienko wyświetlające tę wartość np.

[PHP] pobierz, plaintext 
<span id="value1">4</span>
[PHP] pobierz, plaintext 

Chciałbym aby po kliknięciu w button aktualizowała się wartość jednocześnie w zmiennej i elemencie. Czy coś takiego:

[PHP] pobierz, plaintext 
$("value1").click(function() {
    data.value1 += 1;
    $("value1").text(data.value1);
});
[PHP] pobierz, plaintext 

Pytanie czy to rozwiązanie jest poprawne czy może stosuje się inne metody? Dodam że elementów klikalnych będzie dość sporo.

Ten post edytował jutro 4.09.2015, 17:42:41

[Comandeer]

Jedno mnie w tym rozwiązaniu irytuje: po co to [v-on] skoro o wiele przejrzyściej byłoby to zrobić jako część konstruktora Vue?