vue2.0 入門到精通
阿新 • • 發佈：2021-10-17
vue.20 入門到精通學習，包括vue例項的data、methods、computed、watch屬性介紹以及vue的v-bind、v-on、v-if、v-for等指令介紹
1、vue的特點
- 採用了元件化模式，提高程式碼複用率、讓程式碼更好維護
- 宣告式編碼，讓編碼人員無需直接操作DOM，提高開發效率（命令式和宣告式的不同）
- 使用虛擬DOM + 優秀的diff演算法，儘量符用DOM節點
2、vue的資料繫結和模板語法
通過el屬性可以將vue模板掛載到指定的html標籤上，而掛載使得檢視層能夠讀取來自model的資料；比如使用模板語法讀取data屬性中的資料；除此之外，在檢視層改變資料時也會直接影響到data屬性中的資料，從而實現了雙向資料流的繫結；
3、vue的事件處理
vue能通過使用v-on指令實現事件繫結的效果，能夠對常見的事件，如click、keyup等；除此之外，vue-on繫結的事件還支援新增修飾符，如.once、prevent、stop等