Pinia 상태를 변경한 후(배열에서 객체 제거) Vue 구성 요소가 다시 렌더링되지 않는 이유는 무엇입니까?

Question

pinia에서 사용자 배열을 변경하는 deleteHandler 함수가 있습니다. 그러나 vue의 devtools에서는 상태가 변경되지만 구성 요소가 다시 렌더링되지 않지만 배열에서 개체를 제거하면 일부 값만 변경하면 vue가 이를 인식하고 구성 요소를 다시 렌더링합니다. 배열 개체가 작동하지 않습니다.

const deleteHandler = (user) => {
  //doesn't renders
    useUser.users = useUser.users.filter(usr => usr.id !== user.id) 
  //it works, the component is re-rendered
  useUser.users.forEach(usr => {
    usr.points += 1
  })
}

Answer 1

이건 일종의 참고 문제인 것 같아요. 이것을 시도해보세요

으아악

설치됨

으아악