如何在 data vue.js 2 中创建两个数组？

【问题标题】：How can I make two array in data vue.js 2?如何在 data vue.js 2 中创建两个数组？
【发布时间】：2018-03-13 03:01:44
【问题描述】：

我尝试这样：

<template>
    ...
</template>
<script>
    export default {
        ...
        data() {
            return {
                tabs: [
                    {
                        sale:{
                            {
                                url: 'store/sale',
                                group: 'index'
                            },
                            {
                                url: 'store/confirm',
                                group: 'confirm'
                            },
                        },
                        purchase:{
                            {
                                url: '/profile/purchase',
                                group: 'payment'
                            },
                            {
                                url: '/profile/purchase/order',
                                group: 'order'
                            },
                        }
                    }
                ]
            }
        },
        ...
    }
</script>

如果代码执行，存在错误：

未捕获的错误：模块构建失败：SyntaxError: Unexpected token

数据中好像出现了错误

我该如何解决这个错误？

【问题讨论】：

标签： vue.js vuejs2 vue-component vuex

【解决方案1】：

这是一个语法错误：

sale:{
      {
        url: 'store/sale',
        group: 'index'
      },
      {
        url: 'store/confirm',
        group: 'confirm'
      },
     }

与purchase:{{})相同

我怀疑您希望那些是数组（使用[ ]）而不是对象（使用{ }）。也许这就是你想要做的：

sale:[
      {
        url: 'store/sale',
        group: 'index'
      },
      {
        url: 'store/confirm',
        group: 'confirm'
      },
     ],
purchases[{
  // etc.
     }
    ]

【讨论】：