javascript - vue数据函数语法

Question

编译我的资源时遇到以下语法错误:

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 语法？

Answer 1

您需要返回对象 - 将函数括在括号中并简单地返回对象文字:

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

或者，使用return语句:

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