小白问一个 VueJs 的问题

有没有好的写法，不能引用对象的值。
https://codepen.io/tsymq-live/pen/vYrOPYm

希望大神帮我改改

item.it 传的是一个值...item 给的是一个对象.

PromptSetValue 里循环列表找到对应值的对象改数据呗

Vue2 没有更好的办法

这跟 Vue 没有任何关系，是编程语言的传值 /传引用问题。

第一种写法，e 是 item.it 的复制品，你给 e 赋值赋出花来也不会影响 item.id 。

第二种写法，e 是 item 的复制品，但 e.it 和 item.id 是同一个东西，所以给 e.it 赋值就是给 item.id 赋值。

办法就是用第二种写法。

PromptSetValue(item.it)

function PromptSetValue (list, it) {
var text = prompt();
foreach (item of list) {
if (it === item.it) { item.it = text; break; }
}
console.log(list) // 确认已更新
}

一种可能性是直接方法名变成 PromptSetValue (list, item.it) 虽然很难看

和语言无法 第一个地方的 赋值并不是给 上面迭代的 item 进行了赋值， 而是相当于把 item 的引用赋值给了 e ，如果给 e 赋值的话并不会改变原有的 item 可以理解成 a b c 持有一个 item 的引用 赋值的过程给 b 持有了一个新的引用 而非原来的医用如下面例子：
```
a = {it:1};
b = a;
b = {it:2};
```
问此时 a 的值是多少
第二个则是 a b c 持有一个引用，并未对 a b c 修改新的引用 而是通过改引用找到 item 的属性 it 进行了赋值 如下例子
```
a = {it:1};
b = a;
b.it = 2;
```
问此时 a 的值是多少

如果需要改变值可以传入当前元素下标 ,结合数组进行修改 this.$set(list,index,text)

b.id = 1 b 指向 xxx 内存地址，b.it 指向 xxx 内存对应 it 的地址, 给 xxx 指向的 it 地址赋值 为 1
b={id:1} 是指将原有 b 指向的 xxx 内存地址改为指向 新创建对象对应的 yyy 内存地址，而此时 a b 已经没有关系

我一般是这么写的, 标不标准咱也不知道, 反正用是能用.

interface Cat {
name: string;
weight: number;
}

const cats = reactive<Cat[]>([
{
name: 'mimi',
weight: 5,
},
])

function addCatWeight(name: string, weight = 1) {
const cat = cats.find((cat) => cat.name === name);
if(cat) {
cat.weight += weight
}
}

function setFoodSupply(name: string, supply: number) {
cats.find((cat) => cat.name === name)
}

<ul>
<li v-for="cat of cats" :key="cat.name" @click="addCatWeight(cat.name)">
{{ cat.name }}.weight = {{ cat.weight }}
</li>
</ul>

继续拆，不要怕