ES6的解构赋值不是深度克隆对象

有时候我们在完成一个业务需求的时候，进入一个页面可能需要一些初始值，像我这种用惯ES6的人来说，看代码如下

//person是
     const person = {
	     name:{
	      first: 'billy',
	      last: 'feng'
	     }
    };
    export default {
		data() {
		  return {
			test :{
				...person
             }
          }
        },
        watch:{
		  test(){
 		  	//下次进来这个页面的时候，person里的name对象里的first变成了jack
 		  	// 所以说ES6的解构赋值不是实现深度克隆对象。
 		  	console.log(person)
 		  	this.test.name.first = 'jack'
 		  }
        }
    }