vue中数据绑定遇到的问题

<!-- 使用element中的表格组件，在编辑的时候传递每行的数据 -->
<el-button size="small" type="success" @click="editRole(scope.$index, scope.row)">编辑</el-button>

// 父组件
editRole(index, row) {
    // 调用子组件中的setRole函数，并传递该行数据
    this.$refs.mychild.setRole(row);
    // 在父组件中也可以进行转换
    this.$refs.mychild.setRole(Object.assign({}, row));
}

setRole (role) {
    // 如果使用this.roleInfo = role，则两个对象所指向的内存是一样的，所以改变一个，另一个也会改变
    // this.roleInfo = role;

    // 进行对象的深复制
    this.roleInfo = JSON.parse(JSON.stringify(role));
}