如何取消vue的雙向數據綁定

今天在寫功能時用到雙向數據綁定，需求是往一個數組里push一個viewModel,當push新的數組時，數組的最后一個元素將取消雙向數據綁定

方法一

通過json轉換的方式，用JSON,對對象進行深拷貝。先上代碼

this.viewModel ={data:11 }

let obj = JSON.parse(JSON.stringify(this.iewModel));

當改變viewModel時，obj將不會變化

原理：其實是通過json之間的解析 創建的臨時變量，不會隨this.formValidate改變而改變。 其中parse和stringfy 兩個函數是json與字符串之間數據結構轉變的函數

 

2.// 使用lodash工具庫的_.cloneDeep()

let obj = _.cloneDeep(this.viewModel)