将一个类传递给 Vuejs 中的道具答案

【问题标题】：Pass a Class to props in Vuejs将一个类传递给 Vuejs 中的道具
【发布时间】：2018-08-07 02:17:09
【问题描述】：

我是 vue 新手。我最近需要将一个类作为道具传递给组件。如下：

<my-component v-for="(name, index) in　Names" :key="'name-' + index " :person="new Person(name)"></my-component>

以下人员：

class Person {
 constructor(name) {
   this.name = name
 }
}

名称是来自服务器的数据。问题是当我使用this.$props.person.name = 'Ken' 更新名称时，它不改变。我查看了$props.person，它错过了__ob__: Observer。请帮忙！！！

【问题讨论】：

【解决方案1】：

也许这会有所帮助：

<my-component v-for="(person, index) in　persons" :key="'name-' + index " :person="person"></my-component>

this.names.forEach(name=>this.persons.push(new Person(name));

其他东西...

如果您的姓名对人员来说是唯一的，请在您的键中使用它而不是索引，或者更好的是，为人员添加一个 id 字段以优化插入、删除等。

您也可以将您的姓名置于状态，并通过在手表功能中添加人员来响应更改。

您可能还想深入了解您的组件。但该代码并未发布。

【讨论】：