vue2：组件

Question

我正在尝试在vue组件中拼接嵌套数据， 我想知道这个方法在这个任务中是否正确，目前，行为是模板中的数据不会更新

template:`{{theData}}`,

props: ['data'],

data: function(){
theData = this.data;
return{theData},
},

methods:{
  spliceData : function(index,parent){
        this.theData.splice(index,1);
        return this.theData;
    }
}

我可以使用计算机观察者方法吗？如果可以使用这些方法做到这一点，我会感到很困惑。

谢谢

Answer 1

在您发布的代码中似乎很少“关闭”，我不确定您是否会收到任何回复，我不确定我是否理解这个问题，因此我会将其改为理解它。

  

我可以在组件中拼接一个数组吗？

当然，它只是javascript，你可以传递你想要拼接的变量/数组，它将拼接它。

然而，我猜你可能会问的是......

  

我可以将作为prop传递的变量拼接到子组件中，并在父组件中进行更新吗？

答案是否定的（是的）

• 不，你不能改变孩子的数据并让它反映在孩子的父母身上
• 是的，你还有其他选择。
  • vuex - 一个处理单一数据源的磁通库，但是当你刚刚了解vuex（或flux / redux）时会有点复杂。
  • 将函数作为参数传递。这是我不经常讨论的一种方法，我认为这是有充分理由的，但它确实有效。
  • 使用巴士
  • 使用emit

你可以对这些进行谷歌搜索以找出最适合你的东西，我会说要么为一个简单的应用程序发射，要么为更复杂的应用程序发出vuex。