Vue 动态KEY无法进入双向数据绑定问题

Vue.js v-model使用动态KEY,无法进入双向数据绑定问题。

data () {

 return {

    form: {}

 };

},


mounted () {

  //错误示例,

  //this.form.wensite = 'www.sipeng.net';  

 //天真的以为直接给对象扩展属性的方式,就可以实现

 //最后发现这种写法根本无法进入vue双向数据绑定。

 

 

  //正确示例

  this.$set(this.form, 'website', 'www.sipeng.net');

  //官方文档链接 https://vuejs.org/v2/api/#vm-set

}

验证码: 看不清楚?