vue 双向绑定在项目中的应用

1.vue 的双向绑定机制，简单的说，例如，,那么在span 中，直接应用 {{value}},当value改变是，span 中的值随着改变。那么问题来了，当我在弹框中，引用了 value ，但是点击了取消之后，页面中span 的值会随着改变，但是，我并不想让 页面的值 发生变化，只有点击确认才能让其改变，所以，应该 在给 input 赋值的时候，应该先克隆一个 value 的值。
方法：
var valueJson = JSON.parse(JSON.stringify(value)).
2.案例说明，我们从接口获取到的数据，若专门给 input 赋值，会出现赋值不成功。
错误写法 this.popObj.noteports[‘val’] = ‘xx’
正确写法 this.$set(this.popObj,‘noteports’,22)