Vue Instance

var vm = newVue()

使用Vue时，主要概念会是先使用Instatnce，接下来才开始做每一个项目的实作
TODOList为范例：

Root Instance
└─ TodoList
   ├─ TodoItem
   │  ├─ TodoButtonDelete
   │  └─ TodoButtonEdit
   └─ TodoListFooter
      ├─ TodosButtonClear
      └─ TodoListStatistics

文章内第二段直接先提到Data和methods的关系

Data && Methods

对这边的流程跟逻辑其实还是有点没办法理解，就将我所理解到的东西写出来，请各位多多指正。

Object 一个物件之後，放进Vue Instance之後，他就会变成响应式资料，就会放在**$**里面。
里面是真的蛮多属性，以後再来研究。$也代表Vue提供的预设功能，有兴趣的可以去找API reference，这就再找时间写了。

var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

vm.$data === data // => true

这边大概是在说这个。

这边要注意的是使用的时候多一个不属於原本object里面的资料，会无法使用响应资料。在後面应该有解决的办法，到时候再研究看看。 今天还在找资料，先写到这样吧....