Vue.js 提供以下方式替换数据：1. 使用 Vue.set() 函数设置响应式对象中的新值；2. 直接赋值响应式对象的属性；3. 使用计算属性基于其他属性计算值；4. 使用 .sync 修饰符实现组件与父组件之间的双向数据绑定。
如何使用 Vue.js 替换数据
Vue.js 提供了许多有效的方法来替换数据：
1. 使用 Vue.set()
Vue.set() 函数将新值设置到响应式对象中。如果该属性不存在，它将被创建。
立即学习“前端免费学习笔记（深入）”；
语法：
Vue.set(object, key, value)
示例：
vc商城(eshop)
下载
采用目前业界最流行的模版编译系统，所有的页面都可以实现在线/离线修改，只需简单掌握HTML的知识，就可以轻松创建属于自己的个性化的专业用户界面，内建多语言包替换模块，独创的商品参数模版系统，强大的后台管理支持和数据备份功能
const obj = { foo: 'bar' };
Vue.set(obj, 'baz', 'qux');
console.log(obj); // { foo: 'bar', baz: 'qux' }2. 直接赋值
如果你操作的是响应式对象，可以直接赋值来替换数据。
const obj = { foo: 'bar' };
obj.foo = 'baz';
console.log(obj); // { foo: 'baz' }3. 使用 Computed Property
计算属性基于其他属性计算值，当依赖项更新时会自动重新计算。这对于替换复杂的数据结构很有用。
const vm = new Vue({
data: {
a: 1,
b: 2
},
computed: {
sum: function() {
return this.a + this.b;
}
}
});
vm.a = 3;
console.log(vm.sum); // 54. 使用 .sync 修饰符
.sync 修饰符用于在组件和父组件之间双向绑定数据。它会在子组件中创建了一个 emit 事件，用于通知父组件数据已更新。
