データvue.js 2に2つのアレイを作成するにはどうすればよいですか？

Question

私はこのようにしてみてください：コードが実行された場合

<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> 

、エラーが存在する：

Uncaught Error: Module build failed: SyntaxError: Unexpected token

エラーが

どのように私は、エラーを解決することができ、データに発生したようですか？

Answer 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. 
    } 
    ]