js $set

作者：颠沛流离的伤发布日期:2026-03-14 浏览:89

// 使用 Vue.js 的 $set 方法示例

// 假设我们有一个 Vue 实例
new Vue({
  el: '#app',
  data: {
    items: { a: 1 }
  },
  methods: {
    changeItem() {
      // 使用 $set 方法来修改响应式对象的属性
      this.$set(this.items, 'b', 2);
      console.log(this.items); // 输出: { a: 1, b: 2 }
    }
  }
});

// 解释说明:
// 在 Vue.js 中，直接修改对象的属性（如 this.items.b = 2）不会触发视图更新。
// 使用 this.$set 可以确保属性的更改是响应式的，从而触发视图更新。
// $set 的语法是：this.$set(target, key, value)

上一篇：js object.create

下一篇：js get