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...