Vue3 애플리케이션에서 데이터를 배포하는 가장 효율적인 방법은 무엇입니까?

Question

vue 구성 요소를 통해 데이터를 전파하는 데 권장되는 방법이 있나요? 제가 하고 싶은 일은 백엔드once에서 데이터를 가져와 프로젝트의 다양한 위치에 전파하는 것인데 올바른 전략을 찾을 수 없습니다.

sessionStorage: 훌륭하게 작동하고 창을 새로 고치거나 닫을 때 재설정되지만 target="_blank" 앵커 태그를 생성해야 하면 데이터가 새 탭에 전파되지 않습니다.

localStorage: 제 생각에는 sessionStorage 需要更多的工作，因为您需要手动删除数据以保持整洁。对我来说一个大问题是，看起来你无法正确传递 markdown 和 arrays ，至少没有 stringify 。我已经使用 localStorage 构建了一个项目，并最终从我的大多数组件发送 ajax 请求 ，因为我无法按照我想要的方式通过我的应用程序传播数据。此时我的frontend是backend보다 낫습니다.

localStorage的问题：我使用marked包来显示Markdown，但如果传递undefined，它会抛出错误。当我想在 reactive 状态 中使用它时，这会出现问题，因为它不会导致 undefined ，而是引发错误并使整个应用程序崩溃。我想说的是，当您将 undefined localStorage 值 传递给 marked 中的 either 或 field에 대한 개인적인 의견은 다음과 같습니다.

으아아아

localStorage.value가 비어 있으면 애플리케이션이 중단됩니다.

또 다른 문제는 locale 获取文本内容并将其存储在 localStorage 中。这很好，直到用户更改 locale를 기반으로 콘텐츠를 작성하고 모든 콘텐츠 문자열을 번역된 문자열로 바꿔야 한다는 것입니다. 다른 로케일을 로드하기 위해 구성 요소를 템플릿으로 사용하려는 경우 이는 매우 까다롭습니다.

vuex: 나는 내 목적에 맞는 혜택을 얻기 위해 빠르게 vuex 并发现它很有用，但没有看到比仅使用 localStorage노력했습니다. 아마도 다시 시도해 볼 것입니다.

애플리케이션을 통해 데이터를 전파하는 방법은 무엇입니까?

Answer 1

Vuex가 로컬 스토리지보다 나은 이유에 대한 몇 가지 좋은 주장이 있습니다:

https://www.quora.com/What-is-the-benefit-of-using-Vuex-over-LocalStorage-to-store-the-state-of -Vue-js의 애플리케이션

구성 가능한 아이템을 사용해 볼 수도 있습니다. 이는 Composition-api의 재사용 가능한 함수(mixin과 유사)입니다(vue2에서는 Composition-api 플러그인이 필요하고 vue3에서는 내장되어 있습니다). 데이터를 저장하는 곳이기도 합니다. Vuex보다 더 쉽고 직관적입니다.