vue相關知識
阿新 • • 發佈:2021-10-11
- Vue生命週期:
- 生命:建立前/後、載入前/後、更新前/後、銷燬前/後
- 生命週期:vue例項從建立到銷燬的過程。即從開始建立、初始化資料、編譯模板、過載DOM-渲染、更新-渲染、解除安裝等一系列過程。
- 作用:生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程中更容易形成好的邏輯
- vue的基本使用步驟:
- 需要提供標籤用於填充資料
- 引入vue.js庫檔案
- 使用vue的語法做功能
- 把vue提供的資料填充到標籤裡面
- 例項引數:
- el:元素的掛載位置(值可以是css選擇器或者DOM元素)
- data:模型資料(值是一個物件)
- 插值表示式:{{}}
- 將資料填充到HTML標籤中
- 支援基本的計算操作
- vue程式碼執行原理:vue語法——js原生語法,中間有vue框架(編譯過程)
- vue模板語法:插值表示式、指令、事件繫結、屬性繫結、樣式繫結、分支迴圈結構
- 指令:自定義屬性,以v-開始
- v-cloak指令:解決插值表示式中“閃動”問題
- v-text指令:填充文字,比插值表示式簡潔
- v-html指令:填充HTML片段,存在安全問題,本網站內部資料可以使用,來自第三方資料不能
- v-pre指令:填充原始資訊,
- 資料響應式
v-once:只編譯一次,顯示內容後不再具有響應式功能