Vue2中给已定义数据，动态添加属性并赋值

如果我需要在某个方法流程中，给data中已经定义好的from，对象中，动态的再添加一个属性，并赋值，并且需要页面视图响应式更新。

export default {
  data() {
    return {
       from：{
          name：“数据”，
          type：“String”
       }
    }
  }
 }  
  methods:{
//  如果直接这样写：
    this.from.value = 123;   //在原生中，这样写可行，没有的属性的话，就会去自动添加新属性。，但是在这里，vue实例身上就不行，因为vue（2.0版本）无法监听到对象以及数组的数据动态新增或删除，也就是说，这里添加了，但是vue的视图层，并不会动态更新。
    //这里就需要用到下面这个方法：
    
    this.$set(this.from, "value", 123);//实现响应式添加数据
}