vue的相關注解（2022-04-22學習筆記）

​

​vue​

​​——漸進式的​

​javascript​

​​架構，​

​動态建構​

​使用者界面！

1. 借鑒經驗

1. 借鑒了​

   ​angular​

   ​​的​

   ​模闆​

   ​​和​

   ​資料綁定​

   ​技術
2. 借鑒​

   ​react​

   ​​的​

   ​元件化​

   ​​和​

   ​虛拟DOM​

   ​技術

1. ​

   ​vue​

   ​的特點。

1. 采用​

   ​元件化​

   ​模式，提高代碼複用率，且讓代碼更好維護
2. ​

   ​聲明式​

   ​編碼，讓編碼人員無需直接操作DOM，提高開發效率

1. 簡單的重新整理會加載出來部分檔案，強制重新整理可以加載出完整的檔案！

   強制重新整理方法：​

   ​shift​

   ​+重新整理
2. 阻止生成生産提示。



3. 建立vue的執行個體。（​

   ​配置對象​

   ​）

   ​​

   ​new​

   ​一個對象執行個體出來。



4. 頁面代碼：



5. 一個​

   ​vue​

   ​執行個體不能接管兩個容器，隻顯示前面那個。

   一個容器隻能被一個執行個體接管，前面的執行個體接管。

   插值​

   ​{{ xxx }}​

   ​裡面應該寫入​

   ​js​

   ​表達式。

   【區分】​

   ​js​

   ​表達式和​

   ​js​

   ​代碼：



6. ​

   ​v-bind​

   ​​指令：

   單向的資料綁定，隻能從​

   ​data​

   ​裡流向頁面



7. 資料綁定​

   ​v-model​

   ​雙向的資料綁定，​

   ​data​

   ​中的資料流向頁面，頁面中的資料也流向​

   ​data​

   ​。完整寫法：​

   ​v-model:value​

   ​。

   ​

   ​v-model​

   ​隻能應用與​

   ​表單​

   ​類元素中。



8. 指定綁定容器的兩種方法
9. ​

   ​$​

   ​開頭的是​

   ​vue​

   ​對象中的方法。​

   ​mount​

   ​表示的挂載的意思
10. data的兩種寫法：

1. 對象寫法

2. 函數寫法（使用元件必須用函數寫法）

   普通函數中的​​

   ​this​

   ​​仍然表示為​

   ​vue​

   ​​的執行個體。但是如果是箭頭函數的話，​

   ​this​

   ​​則變為​

   ​window​

   ​​

   簡單的寫法：

   由vue管理的函數，一定不要寫為箭頭函數，會改變this的指向！！