Vuex gettres가 맵 함수에서 데이터를 반환한다고 선언하는 방법

Vuex gettres가 맵 함수에서 데이터를 반환한다고 선언하는 방법

저는 기존 제품의 가격과 타이틀을 새로 얻고자 하는 제 vuex에 state와 getter를 신고했습니다.
내가 게터에서 반환 데이터를 선언했을 때 그것은 구문 오류를 던지고 있으며 다음 중 무엇이;기대됩니다,정해진.
하지만 제가 보기에는 맞는 것 같은데 정확한 오류는 무엇인가요?

state: {
  value1: 1,
  products: [
    { title: 'Hp1', price: 500 },
    { title: 'Hp2', price: 600 },
    { title: 'Hp3', price: 700 },
  ]
},

getters: {
  saleProducts: state => {
    var newProductsList = state.products.map(product => {
      return 
        {
          title: '** '+ product.title +' **',
          price: product.price/2 + " % Off"
        }
    });
    return newProductsList;
  }
}

이건 좀 이상해요.제가 당신의 코드를 복사해서 붙여넣었을 때 작동하지 않습니다.제가 당신의 예에서 직접 손으로 입력하면 작동합니다.일반적으로 이런 종류의 것은 혼합물 어딘가에 잘못된 ASCII 문자가 있다는 것을 의미합니다.주요 변경 사항은 단일 따옴표 대신 이중 따옴표를 사용하는 것이었습니다.

  state: {
    value1: 1,
    products: [
      { title: 'Hp1', price: 500 },
      { title: 'Hp2', price: 600 },
      { title: 'Hp3', price: 700 },
    ]
  },
  getters: {
    saleProducts: state => {
      var newProductsList = state.products.map(product => {
        return {
          title: "** " + product.title + " **",
          price: product.price/2 + " % Off"
        }
      })
    }
  },

차이를 발견할 수 있는지 확인합니다.codesandbox.io 링크는 다음과 같습니다.

찾아보기/store/modules/main.js현장에서 볼 수 있습니다.

언급URL : https://stackoverflow.com/questions/52906364/how-to-declare-vuex-gettres-return-data-in-a-map-function