有關VUE學習的經驗(2)

2021-09-24 07:58:02 字數 778 閱讀 3259

}

複製**

(2)內建指令

//content:"#">跳轉"

v-text

"content">

//經過渲染後

v-html

"content">

複製**

v-if

v-else-if

v-else

//v-if是通過控制元素新增刪除實現顯示隱藏

"bool1">tmo

"bool2">jack

"bool3">lily

v-show

//v-show是通過控制元素的dispaly屬性控制顯示隱藏

"bool">jhon

複製**

//v-bind

"myclass">kid

//簡寫

"myclass">kid

複製**

"mymethod()">

//簡寫

"mymethod()">

//繫結的事件裡面的括號可以寫也可以不寫,本人推薦還是寫

複製**

複製**
//指令當中允許使用表示式

"'margin-top:'+num+'px'">

複製**

(3)元件 (4)路由 (5)過渡動畫 (6)自定義指令

vue有關的知識

1.vue開發時使用mounted獲取後台資料還是使用created 這個沒有明確的答案。一般寫在created 裡面就可以了,如果涉及到dom操作的話就需要放在mounted created 元件例項完成,dom還沒有渲染是觸發 mounted 頁面渲染完成之後,載入mounted 裡面的函式 2...

Vue學習筆記 2

一 條件渲染 v if 一種依據條件,判斷是否渲染元素的屬性。具有控制元素是否顯示的能力 可與v else if即v else並用,使用方法與其他程式語言中類似。key屬性在v if中的應用 由於vue是惰性的,即載入過一次的相同元件不會重複載入,這對於if條件改變的某些情況會不符合常理。即if與e...

VUE學習筆記2

一 安裝vue腳手架的常用外掛程式 axios 前後端聯調外掛程式 mockjs 模擬後端外掛程式 element ui 元件庫,統一風格的按鈕 彈框等 vuex 狀態管理工具,可理解為管理全域性變數 配置檔案的說明鏈結可參考 實際工程配置時主要關注發布路徑 靜態檔案儲存路徑設定 後端聯調相應配置,...