Vuex(변이를 커밋하지 않는 함수)의 상태에 대해 알아보기 위한 베스트 프랙티스

Vuex(변이를 커밋하지 않는 함수)의 상태에 대해 알아보기 위한 베스트 프랙티스

궁금한 게 없어서 여기서 물어보기로 했어요.

Vuex에는 동작, 돌연변이, 게터, 저장 등이 있습니다.저장 중인 것이 특정 조건을 충족하는지 여부를 확인하는 기능을 만들어야 하거나, 변이를 커밋하지 않고 우리 상태의 데이터에 대해 특정 사항을 찾고 싶다면 어떻게 해야 할까요?

예를 들어보자.저희 가게에는 '하우스'라는 변수가 있습니다.그것은 여러 층을 가질 수 있고 일부 층에는 2층짜리 아파트가 있을 수 있다.집 안에 이중 아파트가 몇 채나 있는지 알고 싶습니다.따라서 이 기능은 주 정부에 접근할 수 있어야 하며 이러한 아파트의 수를 반환해야 합니다.이 기능을 다른 컴포넌트에 사용할 필요가 있는 경우는, 글로벌한 범위내에서 사용할 필요가 있습니다.

또 다른 예를 들어 설명하겠습니다.우리는 동일한 변수인 "집"을 가지고 있으며, 우리는 그 집이 초고층 빌딩인지 아닌지 알아야 한다(예를 들어, 100층 이상이다.따라서 이 함수는 부울 값을 반환하는 술어입니다.

문제는: 우리는 이러한 목적을 위해 getter나 다른 무언가를 사용해야 하는가 하는 것입니다. 예를 들어, 글로벌 도우미 같은 것을 사용해야 하는가?이러한 경우의 베스트 프랙티스는 무엇이며 그 이유는 무엇입니까?답변에 대한 설명과 설명을 부탁드립니다.

잘 부탁드립니다!

그것이 바로 의 역할이다getters. Getters는 Vuex 스토어의 일부이며 스토어 상태에 따라 데이터를 계산하는 데 사용됩니다.이것은 스토어에 대한 일종의 계산 속성입니다.

스테이트와 게터의 예를 몇 가지 나타냅니다.

state: {
  houses: [
    {id: 0, floors: 10},
    {id: 1, floors: 20},
    {id: 2, floors: 100}
    {id: 3, floors: 400}
  ]
},

getters: {

  // you can have dummy one
  getHouses(state){
    return state.houses
  },

  // or you can get a specific one like so
  getHouseFilteredBySpecificFloor(state){
    return floors => state.houses.filter(house => house.floors === floors)
  },

  // or you can return boolean if you want
  doesThisHouseHaveMoreThan100Floor(state){
    return ({ id }) => state.houses[id].floors > 100
  }
}

언급URL : https://stackoverflow.com/questions/51545961/best-practice-to-find-out-something-about-state-in-vuex-function-that-doesnt-c