<div id="example-1">
<button v-on:click="counter += 1">Add 1</button>
<p>The button above has been clicked {{ counter }} times.</p>
</div>

var example1 = new Vue({

  el: '#example-1',
  data: {
    counter: 0
  }

});
console.log(window);
代碼如上,我這邊有兩個(gè)問(wèn)題,如果按照dom結(jié)構(gòu)來(lái)理解的話(huà),那么counter這個(gè)數(shù)應(yīng)該是屬于window下的,也就是window這個(gè)對(duì)象下面包含一個(gè)counter變量才可以實(shí)現(xiàn)自加,但是我通過(guò)console window發(fā)覺(jué)并不存在這個(gè)變量.
第二個(gè)問(wèn)題,既然button是綁定了一個(gè)onclikc事件的,我在window下的document找到這個(gè)button元素,發(fā)現(xiàn)他的onclick是null,也就是說(shuō)如果按照dom結(jié)構(gòu)來(lái)理解,是沒(méi)有綁定事件的.
如果按照dom結(jié)構(gòu)來(lái)理解是不正確的話(huà)(因?yàn)関ue本身就不屬于dom操作),那么這個(gè)變量,以及這個(gè)事件的綁定我應(yīng)該去哪里找。