Vue的基本使用

2022-06-14 05:42:06 字數 539 閱讀 4509

1.例項引數分析

2.插值表示式用法

3.陣列相關api

3.1 變異方法(修改原有資料)

3.2 替換陣列(生成新的陣列)

3.3 修改響應式資料

前段渲染方式

2.指令

2.1 資料繫結指令

2.2 資料響應式

2.3自定義指令

3.事件繫結

3.1vue如何處理事件?

3.2事件函式的呼叫方式

3.3事件修飾符

3.4 按鍵修飾符

3.5 簡易得計算機案例

4.屬性繫結

4.1 vue如何動態處理屬性?

4.2 v-model的底層實現原理分析

5.樣式繫結

5.1 class樣式處理

5.2 style樣式處理

6.分支迴圈結構

6.1 分支結構

6.2 迴圈結構

常用特性概覽

1.表單操作

1.1基於vue的表單操作

VUE的基本使用

cn.vuejs.org src vue.js script 掛載點 data msg 資料 methods v text v html 插入文字兩者的區別和innertext innerhtml 區別一樣 v show css級別的顯示隱藏,display none v show true fal...

VUE基本使用

建立前呼叫this.currdate fun 方法 created function mounted function watch else 出勤checkbox 請假值 檢查,乙個為真,另外乙個設定為false singleout data function tmp else 1 html頁面呼叫...

vue基本使用

注意事項 掛載點要使用id選擇器 掛載點不能是ntml或者body標籤 doctype html en utf 8 viewport content width device width,initial scale 1.0 安裝vue title imgsrc alt changeimg 換圖 bu...