Vue 이벤트 또는 Vuex를 사용하여 구성 요소 간 데이터 전달(성능)?

Vue 이벤트 또는 Vuex를 사용하여 구성 요소 간 데이터 전달(성능)?

나는 30-60fps의 캔버스 요소를 업데이트하기 위해 정보를 사용하는 한 컴포넌트와 다른 컴포넌트의 정보를 공유해야 하는 애플리케이션을 만들고 있다.나는 로우엔드 기기를 타겟으로 하고 있으므로 성능이 중요하다.

나는 현재 Vuex 스토어를 사용하고 있다/두 구성 요소 간에 정보를 전송하려고 한다.그것이 그렇게 깨끗하지는 않겠지만, 나는 이 정보를 체인을 위아래로 전달하는 데 이벤트도 사용할 수 있다는 것을 깨달았다.

나는 Vuex에 대한 성능 정보를 찾는데 어려움을 겪었기 때문에 코드의 중요한 부분을 다시 쓰기 전에 여기서 물어봐야겠다고 생각했다.

그게 중요한지는 모르겠지만, 나는 현재 ES6 모듈에서 게이터들에게 전화하고 있어.

너의 앱은 크니?

나는 개인적으로 내가 할 수 있는 한 Vuex를 피한다.문제는 상점이 커지면 항상 사용 가능한 큰 오브젝트가 된다는 것이다.모든 페이지, 모든 하위 페이지, 모든 구성요소 등그것은 장전되어 있다.브라우저의 메모리를 빼앗는다는 뜻이지

Vuex 모듈을 추가 및 제거하기 위해 Vuex 구독 및 구독 취소 방법을 사용하고 필요할 때만 사용하는 방법이 있다.그러나 여전히 그들은 "글로벌"의 대상이다.

만약 네가 정말로 Vuex를 사용해야 한다면, 가능한 한 작게 유지하도록 해봐.다 넣지 마.

테스트는 하지 않았지만 확실하다.props그리고$emits그때가 되면 더 빨리 될 것이다.mutations그리고getters.

참조URL: https://stackoverflow.com/questions/62516609/using-vue-events-or-vuex-to-pass-data-between-components-performance