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里面的资料,会无法使用响应资料。在后面应该有解决的办法,到时候再研究看看。 今天还在找资料,先写到这样吧....