Javascript 在Vue.js中操作数据值

如何将name的值设置为对象中的personOne属性？因此，该名称将具有Alex的值

var-app=新的Vue({
el:“#应用程序”，
数据：{
名称：“”，
对象：{“personOne”：“Alex”，“personTwo”：“Jack”}
}
})

您可以使用创建的或用于设置初始数据、从API加载数据等的类似工具之一，如下所示：

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

您可以使用创建的或用于设置初始数据、从API加载数据等的类似工具之一，如下所示：

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

---

从您编写的Vue对象中

this.name='Alex'

在你写的

app.name='Alex'

---

app.someDataField将从您编写的Vue对象中更改名为someDataField的数据属性

this.name='Alex'

在你写的

app.name='Alex'

---

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

您能给我们一个实际使用的示例吗？看起来很明显，真实的场景并不像硬编码的那样，或者你只需要做

name:'Alex'

，然后就可以了。您是否通过AJAX或其他方式加载

对象

？如果是这样，一个

computed

属性可能是合理的。顺便说一句，这不是有效的javascript对象-它应该是key->value-

personOne:'Alex'

你能给我们一个实际的使用示例吗？看起来很明显，真实的场景并不像硬编码的那样，或者你只需要做

name:'Alex'

，然后就可以了。您是否通过AJAX或其他方式加载

对象

？如果是,，

computed

属性可能是合理的。顺便说一句，这不是有效的javascript对象-它应该是key->value->

personOne:'Alex'

当一个简单的

computed

属性就足够了时，这似乎有点过于复杂了。@ceejayoz我不认为OP只是想要一个

computed

属性，因为在这种情况下他可以访问

this.object.personOne

。这就是为什么我认为OP还有一些事情在进行，他们没有很好地解释。当一个简单的

computed

属性就足够时，这似乎有点过于复杂了。@ceejayoz我不认为OP只是想要一个

computed

属性，因为在这种情况下他可以直接访问它

this.object.personOne

。这就是为什么我认为OP还有一些他们没有解释清楚的事情。