解决 vue data变量相互赋值后被实时同步的问题

数据结构是这样子的

data() { 
      return { 
      	title: 'web前端 this data变量相互赋值后被实时同步问题',
      	val_1: 'vue',
      	val_2: ''
      }
}

问题源：

我们在onload()把val_1 赋给 val_2 (或者在用户click时更改也都会出现这个问题)

onload() { 
  this.val_2 = this.val_1;
}

解决方法：

我们在通过JavaScript把 “val_1” 转换成字符串类型，再JSON.parse，最后再赋给 “val_2” 就解决了

onload() { 
  this.val_2 = JSON.parse(JSON.stringify(this.val_1));
}