更新道具数组对象

Question

我有一个传递给我的组件的数组对象，并通过@props可以使用。

console.log ( @props.users.pages )
> [ ["Tada", "A"], ["Todo", "B"] ] 

实际上，我想向它添加一些内容（一个新数组）。

除此之外，您还推荐什么：

function add(){
  var arr = Array();
  arr.push("Toto", "C");
  @props.users.pages.push( arr );
  @forceUpdate()
}

调用add（）后的结果应为：

console.log ( @props.users.pages )
> [ ["Tada", "A"], ["Todo", "B"], ["Toto", "C" ] 

这里最大的问题是垃圾收集器可以销毁arr，因为它只是本地的，我宁愿使用@setProps而不是手动强制更新。

Answer 1

记住文档说的是什么：

  

到目前为止，每个组件都根据其道具进行了一次渲染。 props是不可变的：它们从父级传递，并由父级“拥有”。

请在此处查看Reactive state。