2020-10-17
今天主要學習了Vue中以下幾個指令的使用
- v-bind
- v-if
- v-on
- v-for
- v-model
其中v-bind與v-model都是屬于數(shù)據(jù)綁定，v-bind通常來說是綁定屬性與data中的數(shù)據(jù)让禀，而v-model較多
在表單中使用蛮放，實現(xiàn)數(shù)據(jù)的雙向綁定怪嫌。v-if的話和其他語言中的if使用差不多吧展辞，當條件為true時，標簽的內(nèi)容
就可以生效释移，即在頁面上顯示出來旭愧。v-for循環(huán)加載對象列表中的對象，做一些相同的操作置逻，不過要搞清楚v-for應該放在
需要進行操作的標簽內(nèi)推沸，不要搞錯位置了。v-on就是一個監(jiān)聽了券坞，通常是接一個事件鬓催，比如點擊，然后加上這個事件對應的
處理操作了恨锚，可以直接寫JS語句在后面宇驾，操作復雜可以通過函數(shù)代替。
比較有意思的是眠冈，在寫v-for例子的時候飞苇，把v-for放在了ol標簽中，出來的結(jié)果就是所有的對象前面的序號都是1蜗顽，尷尬尷尬布卡。
Vue 生命周期鉤子
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- deforeDestory
- destoryed
Examples: Demo1.html
Github: ?https://github.com/jvxiao/vue-road
