javascript - vue数据功能语法

编译资产时出现以下语法错误：

Syntax Error: SyntaxError: C:\xampp\htdocs\dtcburger.com\resources\js\components\stripe\STRIPEform3.vue: Unexpected token, expected ";" (51:12)

  49 |     {
  50 |     stripe:null,
> 51 |     stripePK: stripePK,
     |             ^
  52 |     stripeStyles: stripeStyles,
  53 |     cardNumberElement:null,
  54 |     cardExpiryElement:null,

这是我的代码的样子，是因为我对组件数据使用了ES语法吗？

最佳答案

您需要返回对象-将函数包装在括号中，然后简单地返回对象文字：

data: () => (
  {
    stripe: null,
    stripePK: stripePK,
    //All your other properties
  }
)

或者，使用return语句：

data: () => {
  return {
    stripe: null,
    stripePK: stripePK
    //All your other properties
  }
}