vue 基礎知識點

2021-10-05 02:06:33 字數 511 閱讀 5761

1.指令

v-html:會覆蓋內部內容 會有xss攻擊 不要用在使用者提交的時候

aaaa

//aaaa被覆蓋掉

v-if v-else :進行邏輯判斷 使用者不頻繁更改

v-show  :渲染成 display:none  使用者頻繁更改

v-if 和v-for 不同時使用  v-for 比v-if 優先順序高  每一次都要迴圈 不好

v-bind:簡用 :

eg:

//陣列

//data中 styledata是乙個物件

data()

2.computed 計算屬性

data()}  可以有表示式

return this.num * 2 }

aplus: ,

set: function (v) }

3.watch監測屬性

props:  // 可以監控到 舊值

stdata:,deep:true}  //物件要深度監聽 可以監聽到舊值

vue 基礎知識點

建立例項 new vue 資料 methods 函式方法 computed 計算屬性 生命週期 鉤子函式 beforecreate 建立前 created 建立後 beforemount 渲染前 mounted 渲染後 beforeupdate 更新前 updated 更新後 beforedestr...

vue 的基礎知識點

一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。前提 安裝了node 環境 npm 全域性安裝 vue cli npm install global vue cli 建立乙個...

vue基礎知識點快覽

本文適合剛學會vue的初學者回憶知識點,小白可能有點不適。一 基礎指令 v text,v html,v show,v if,v else,v for item,index in items v on click v bind,v model 表單 v pre,v cloak,v once,v on等...