凱開 x 慵懶日子

讓自己先思考一下

Vue.js 是什麼?

這麼多的JS框架，為什麼要使用Vue?

安裝

vue-cli  

https://goo.gl/smj7sq

---

vue loader

https://vue-loader.vuejs.org/

雙大括號, v-bind(:), v-if, v-for, v-on(@), v-model

---

Component / 組件 很重要很重要

可以把它切成很小塊且可重複使用

重複使用，帶進去的數據不同(父傳子)，會使用到v-bind(父)和props(子)

這邊真的要弄懂弄懂

---

生命週期(不要在這使用箭頭函數)

mounted, created, updated

class 與 style綁定這邊太少用了QQ

想更改並更新狀態object裡面的值或array的長度

vm.items[indexOfItem] = newValue 這樣並不會更動

可使用(參考https://cn.vuejs.org/v2/guide/list.html)

Vue.set(vm.items, indexOfItem, newValue)

Vue Devtools

npm install vue