【vue】getter,setter原理

[Kelichao]

Vue原理

• 通过Object.defineProperty方法，但此方法不适用于IE8及以下浏览器

var person = {
    name: "Bob"
};

Object.defineProperty(person, "name", {
    // 是否可以从对象中删除
    configurable: true,
    get: function() {
        console.log("触发了get方法");
    },
    set: function() {
        console.log("触发了set方法");
    }
})

注意点

• 响应式中某个数据为数组的引用类型时，需要改变其整个数据源才能动态刷新数值。

// 比如某数据源是一个数组
vue1.arr = [1,2,3] 

// 不会刷新页面显示
vue1.arr[0] = 0;

// 刷新页面
vue1.arr = [0,2,3]