vue 中 this.$set的用法

this.$set 是 Vue.js 提供的一个方法，用于在 Vue 实例中动态添加响应式属性。它的用法如下：

this.$set(object, key, value)

其中，object 是要添加属性的对象，key 是属性名，value 是属性值。这个方法会将属性添加到对象中，并且使其成为响应式的，这样当属性值发生变化时，Vue 会自动更新视图。

例如，如果我们有一个 data 对象：

data: {
message: 'Hello, Vue!'
}

如果我们想要动态添加一个属性，比如 count，我们可以这样做：

this.$set(this.data, 'count', 1)

这样，我们就可以在模板中使用 {{ count }} 来显示 count 属性的值了。

相关问题

vue中this.$set是

在Vue中，this.$set是一个用于动态添加响应式属性的方法。通常情况下，当我们给一个已经创建的对象添加一个新的属性时，Vue无法检测到这个变化。但是通过使用this.$set方法，我们可以手动告诉Vue去追踪这个属性的变化。

this.$set方法接受三个参数：对象、属性名和属性值。它会将属性名和属性值添加到对象中，并且使其成为响应式的。这意味着当属性值发生变化时，Vue会自动更新相关的视图。

下面是一个示例代码：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="updateMessage">Update Message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {}
    };
  },
  methods: {
    updateMessage() {
      this.$set(this.obj, 'message', 'Hello Vue!');
    }
  }
};
</script>

在上面的代码中，我们通过点击按钮来调用updateMessage方法，该方法使用this.$set将message属性添加到obj对象中，并将其值设置为'Hello Vue!'。由于使用了this.$set方法，Vue能够检测到obj对象的变化，并更新相关的视图。

vue中this.$set

在Vue中，如果我们想要在响应式对象中添加一个新的属性，我们需要使用Vue.set或this.$set方法来完成。这是因为Vue不能检测到对象属性的添加或删除（注意，这不适用于数组）。Vue.set方法的第一个参数是要添加属性的对象，第二个参数是属性名，第三个参数是属性值。

在这段代码中，this是指当前Vue组件的实例。$set是Vue实例的一个方法，用于向响应式对象中添加新属性。第一个参数item.channelConf是要添加新属性的对象，第二个参数'channelExtConf'是要添加的新属性的名称，第三个参数extObj是要添加的新属性的值。这样，我们就可以将extObj作为item.channelConf对象的一个新属性添加进去，并且该属性的值是响应式的。