在Vue.js中操作数据值

时间:2017-01-22 01:17:06

标签: javascript vue.js vuejs2

如何将name的值设置为对象中的属性personOne?所以这个名字将具有Alex的价值。



var app = new Vue({
  el: '#app',
  data: {
    name: '',
    object: { "personOne": "Alex", "personTwo": "Jack"}
  }
})




2 个答案:

答案 0 :(得分:1)

您可以使用life-cycle hooks之一创建的createdmounted来设置初始数据,从API加载数据等,如下所示:

var app = new Vue({
  el: '#app',
  data: {
    name: '',
    object: { "personOne": "Alex", "personTwo": "Jack"}
  },
  methods: {
    setName (name) {
      this.name = name
    }
  },
  mounted () {
     this.serName(this.object.personOne)
  },
})

答案 1 :(得分:1)

从您编写的Vue对象中

this.name = 'Alex'在你外面写app.name = 'Alex'

app.someDataField将更改名为someDataField的数据属性