将源对象和要加入属性的对象 合并 为一个新的对象 赋值 给要响应式的对象（源对象），vue会将源对象 重新触发一遍Object.defineProperty依赖收集 。

const app = new Vue({
    el: "#app",
    data: () => {
        msg: {
            name: 'jingwei'
    methods: {
        addProperty() {
            this.msg.age = 18;  //（非响应式）
            // 原则上这是一个赋值行为，所以vue会重新收集新对象的依赖
            this.msg = Object.assign({}, this.msg, { age: 18 }); //（响应式）
1. this.obj = Object.assign({}, this.obj, {k: v})（推荐写法）
推荐原因： this.obj可能是父级组件传过来的prop，而为了遵循 单向数据流 的设计理念，不直接修改该数据对象，而是生成一个新的数据对象
表达式右侧会生成一个新的对象，this.obj会指向一个新的引用地址（常用于浅拷贝对象）
2. this.obj = Object.assign(this.obj, {k: v})
表达式右侧只会修改this.obj，this...
				
Vue.$set给对象新增属性
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，不会更新视图。
根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。
受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性...
				
这是一个利用vue+vant写的h5应用，在写一个简单的分单商信息表单的时候，为了图方便直接使用Object.assign(this.info,resData.data.data.info)来赋值，没想到翻车了哈哈，打印出来的信息都有页面却是全屏的undefined,百思不得其解，后来换成了this.info=resData.data.data.info的复制方式才正常显示，如下图：
代码如下：
<template> 
  <van-nav-bar ti
				
1.Object.assign()对象的拷贝2.Object.assign()对象的深拷贝3.对象的合并4.合并具有相同属性的对象5.继承属性和不可枚举属性是不能拷贝的6. 原始类型会被包装为对象7.异常打断后续拷贝任务
1.Object.assign()对象的拷贝
Object.assign()
用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
Object.assign(target, …sources)    【target：目标对象】，【souce：源对象（可多个）】
该问题只存在vue2, 基于Object.defineProperty的特性,vue3中的proxy已经解决了该问题,但也存在兼容性问题,例如IE系统任意版本都不支持.
vue2是如何追踪数据变化形成响应
口水版：页面一进来会扫描数据,实行类似双向绑定，当初始时没有设定好属性，后面添加新属性，会存在数据中，但页面并不会进行响应同步（MVVM）
专业版 :
当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Ob
				
由于 JavaScript 的限制，Vue不能检测数组和对象的变化，在我们改变数组和对象的数据时，页面没有办法响应式改变。因此，我们要采用一些特殊的方法来让页面响应数组和对象的改变。
Vue 不能检测以下数组的变动，让页面响应式改变：
当你利用索引直接设置一个数组项时，例如：
vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：
vm.items.length = newLength
举个例子：
var vm = new Vue({
  data:
				
Object.assign()是JavaScript中一个常用的方法，用于将一个或多个源对象的属性复制到目标对象中。在Vue中，我们可以使用Object.assign()来合并对象，例如将一个组件的props和data合并到一个对象中。具体用法如下：
1. 创建一个目标对象，例如：
let target = {};
2. 创建一个或多个源对象，例如：
let source1 = { name: 'Tom' };
let source2 = { age: 18 };
3. 使用Object.assign()将源对象的属性复制到目标对象中，例如：
Object.assign(target, source1, source2);
4. 最终目标对象的属性将包含源对象的所有属性，例如：
console.log(target); // { name: 'Tom', age: 18 }
在Vue中，我们可以使用Object.assign()来合并组件的props和data，例如：
export default {
  props: {
    name: String,
    age: Number
  data() {
    return {
      gender: 'male'
  computed: {
    userInfo() {
      return Object.assign({}, this.$props, this.$data);
在上面的代码中，我们使用Object.assign()将组件的props和data合并到一个新的对象中，然后在computed属性中返回这个新的对象。这样，我们就可以在模板中使用userInfo来访问组件的所有属性了。