vue 基礎知識 7 迴圈遍歷》

2022-09-09 08:42:12 字數 1897 閱讀 3079

1、效果  

01-v-for遍歷陣列.html

-----------分割線-----------

}. }

data:

})

1、 效果

滑鼠點選哪一行,哪一行變紅

2、**

02-v-for增加點選事件.html

data: ,

methods: }})

1、效果

03-遍歷物件.html

data: }})

1、效果

(1)push()方法 是響應式的

注:向陣列中新增乙個或多個元素

(2)pop 是響應式的

注:刪除陣列中最後乙個元素

(3)shift() 是相應式的

注:刪除陣列中第乙個元素

(4)unshift()  是相應式的

注:在陣列最前面新增元素

(5)splice() 是相應式的

注:刪除元素、插入元素、替換元素

刪除元素 :第乙個引數表示從哪個元素開始,第二個引數 傳入你要刪除幾個元素

刪除所有 :第二個引數不傳

替換元素 :第二個引數表示我們要替換幾個元素,後面的引數是替換引數的內容

追加引數:

《刪除》

《替換元素》

《追加元素》

(6)sort() 是相應式的

注:排序

為了展示效果,先把陣列中的資料搞亂然後再排序

(7)reverse() 是響應式的

注:內容翻轉

8)通過索引值修改資料總的元素 不是響應式的

this.letters[0]='bbbbbb';

(9)這樣寫是響應式的

vue.set(this.letters, 0, 'bbbbbb')

2、**

04-測試哪些方法是響應式的.html

測試那些方法是響應式的

data: ,

methods: }})

function sum(num1, num2)

sum(20, 30);

function sum(...num)

//這就可以跟任意多個函式

sum(20, 30, 40);

Python 基礎知識7 迴圈語句

一 迴圈語句 1 while迴圈 1 語法 while 條件表示式 塊 2 執行流程 條件表示式恒為true的迴圈語句,稱為死迴圈,它會一直執行,慎用!3 迴圈的三個要件 表示式 初始化表示式,通過初始化表示式初始化乙個變數 條件表示式用來設定迴圈執行的條件 更新表示式,修改初始化變數的值 i 0w...

Vue基礎知識

vue.js的基本使用 1.引入vue.js 1 cdn 3 模組化安裝 npm i vue d s cnpm i vue yarn add vue 2.初始化vue 1 必須有乙個html容器,決定vue.js的作用範圍 2 初始化 new vue options data 資料 3 資料繫結 宣...

VUE基礎知識

1 全域性定義 每個元件的命名不可重複 2 字串模板 缺乏語法高亮,可讀性較差 1 屬性 屬性書寫方式 props type name list 屬性時單向資料流,不可在子元件更改父元件傳遞的值,可通過onchange方法修改。2 事件 3 插槽 插槽是元件的一塊html模板,其顯示與否由父元件決定...