vue的getter和setter的原理

2021-10-06 17:49:22 字數 658 閱讀 5857

vue漸進式框架

ui=vm(state)

vue雙向繫結原理是由資料劫持結合發布者-訂閱者模式實現的

vue的資料劫持是通過object.defineproperty()來對物件的setter和getter屬性進行操作,在資料變動時,進行你想要的操作

object.defineproperty(obj , prop , descriptor)
也就是說它可以控制乙個物件屬性的一些特有操作,比如讀寫或是否可列舉等,這裡主要看set和get

var obj = {};

obj.name = 'yz';

console.log(obj.name);

// 通過object.defineproperty()的set和get方法,使列印出來的name名前後都加上長長的*********

var obj = {};

var temp = '';

object.defineproperty( obj , 'name' , ,

get : function() *****`}})

obj.name = 'dddd';

console.log(obj.name);

getter 和 setter的運用

1 set 有且僅有乙個引數 2 get不允許有任何引數 var obj set有且僅有乙個引數 setc value 不允許有任何引數 getc setinterval function 16 如果僅有set,沒有get,這個屬性就是只寫屬性 如果僅有get,沒有set,這個屬性就是乙個唯讀屬性 ...

OC的setter和getter筆記

成員變數盡量不用 public 除非有特殊要求 一般使用 set方法 public不可寫 除非有特殊要求 set方法 1.作用 提供乙個方法給外界設定成員變數值,可以在方法裡面對引數進行相應過濾 2.命名規範 1 方法名必須以set開頭 2 set後面跟上成員變數的名稱,成員變數的收字母必須大寫 3...

有關getter 和 setter的使用

getter 讀取物件屬性時將被呼叫的函式。setter 設定物件屬性時被呼叫的函式。有以下4中方式可以使用 setter 和 getter 使用get set關鍵字為屬性新增乙個函式,函式名即為屬性名,get函式不傳參,set函式傳入的引數為設定物件的新值。例如 var person set na...