Vue.js vue js道具等同于v型

当我将v-model设置为与mount hook中的道具相等时，为什么更改也会对道具产生影响

export default{
  props: {
    initial_value: Array,
  },

  data(){
     return { component_value: [] }
  },

   mounted(){
     this.component_value = this.initial_value;
   }
}

所以，当我对分量_值进行一些更改时，它也会对初始值产生影响

我想在这里写我的全部代码，但只是想把它写得简短一些

export default{
  props: ['initial_value'],

  data(){
     return { component_value: this.initial_value }
  }

}

这应该行得通

编辑：

如果要连续更改道具（反应性），必须使用计算属性，如下所示

computed: { 
      component_value(){ 
           return JSON.parse(JSON.stringify(this.initial_value) 
          } 
   }

问候

这应该行得通

编辑：

如果要连续更改道具（反应性），必须使用计算属性，如下所示

computed: { 
      component_value(){ 
           return JSON.parse(JSON.stringify(this.initial_value) 
          } 
   }

---

最简单的方法是克隆

初始值

您可以这样做：

mounted() {
     this.component_value = JSON.parse(JSON.stringify(this.initial_value));
   }

这应该行得通

您可以查看更多答案。
最简单的方法是克隆您的
初始值

您可以这样做：

mounted() {
     this.component_value = JSON.parse(JSON.stringify(this.initial_value));
   }

这应该行得通

您可以查看更多答案。
在mount hook中更改代码，如下所示

mounted() {
   this.component_value = JSON.parse(JSON.stringify(this.initial_value));
}

它将不仅通过引用，而且通过它的数据来计算这个.initial_值变量的值。
在JavaScript中，变量可以存储两种类型的数据：原语和引用。这个.initial_值有参考数据，因为它的类型是数组。有关更多说明，请阅读本文
在mount hook中更改代码，如下所示

mounted() {
   this.component_value = JSON.parse(JSON.stringify(this.initial_value));
}

它将不仅通过引用，而且通过它的数据来计算这个.initial_值变量的值。
在JavaScript中，变量可以存储两种类型的数据：原语和引用。这个.initial_值有参考数据，因为它的类型是数组。更多解释请阅读本文