1. 程式人生 > 其它 >vue相關知識

vue相關知識

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

v-once:只編譯一次,顯示內容後不再具有響應式功能