vue例項中的知識點

2021-09-29 19:18:13 字數 1772 閱讀 7601

1.前端的資料儲存使用window.localstorage,使用localstorage介面可以資料直接儲存在瀏覽器裡。

兩個重要的方法:

localstorage.setitem(『mycat』, 『tom』);//(鍵,值)

let cat = localstorage.getitem(『mycat』);

localstorage的封裝

/*作用:把原生的localstorage封裝,使它在我們這個專案中更好用,更方便*/

/*做兩個方法,並把它暴露出去*/

/*通過定義乙個匿名函式,建立了乙個新的函式作用域,

相當於建立了乙個「私有」的命名空間,該命名空間的變數和方法,不會破壞汙染全域性的命名空間。*/;(

function()

;/*存資料的方法*/

function

set(key, val)

/*取資料的方法*/

function

get(key)}}

)();

/*在另乙個檔案中使用

* ms.set('name', '王花花');

* var val = ms.get('name');

* console.log(val);

* */

*

2.object.assign() 方法用於將所有可列舉屬性的

值從乙個或多個源物件複製到目標物件。它將返回目標物件。

const target = ;

const source = ;

const returnedtarget = object.assign(target, source);

console.log(target);

// expected output: object

console.log(returnedtarget);

// expected output: object

複製乙個物件

add:

function()

else

,this

.current)

;this

.list.

push

(todo);}

}

3.元件:

watch: 監測list的變化,只要他有變化,就執行handler方法。

watch:

else}}

}

4.vue中修改陣列元素的方法

vue.

set(

this

.list,index,

copy

(this

.current));

/*this.list[index] = copy(this.current);*/

//給陣列元素物件設定屬性。

vue.

set(

this

.list[index]

,'completed',!

this

.list[index]

.completed)

;/*this.list[index].complete = !this.list[index].complete;*/

vue.

set(me.list[i]

,'alert_confirm'

,confirmed)

;

Vue的知識點

3 例項中的屬性要在data中宣告才會被渲染 4 鉤子就是元件的生命週期函式,生命週期即beforecreated,create,beforemount,mounted,beforeupdate,updated,beforedestory,destoryed它的本質就是特定時間段自動觸發的函式 5 ...

Vue中元件相關知識點

一 元件知識點 1.定義 何為元件,簡單來說,元件就是一組html標籤的集合,有點類似於模組,不過模組是基於不同的業務邏輯來劃分的,而元件則是基於頁面不同區域來劃分的。元件中允許有多個標籤,但只允許乙個根標籤。元件的產生同樣也增強了 的復用性。2.建立方式 建立元件例項可以有多種方式,這裡主要講解其...

繼承知識點 例項

namespace 繼承 public person 空建構函式 public int age public string name public virtual void sayhello virtual表示子類可以修改sayhello的方法。虛方法 我的姓名是 age,name public o...