prostudy

Vuex가 복잡한 개체에 반응하지 않음 Vuex를 사용하여 EventBus를 재배치했습니다.왜냐하면 앱의 데이터가 조금 복잡해지기 시작했기 때문입니다. 이 문맥에서는 질문 엔티티에 여러 개의 답변이 있습니다.사용자가 다른 답변을 삽입했을 때 마지막 답변을 표시합니다.여기서는 2개의 다른 컴포넌트를 사용합니다.하나의 컴포넌트를 사용하여 답변을 표시하고 다른 컴포넌트를 사용하여 질문에 응답합니다.단, 서버가 새로운 답변으로 OK로 응답하고 변환하여 상태가 변경되었을 때 계산된 속성은 변경되지 않습니다.반응하고 새로운 답을 표시하지 않습니다. 데이터 구조는 다음과 같습니다. "answers": { "118": { "id": 118, "description": "objective", "created_at": "..

Vuex getter가 저장소 변환으로 새로 고쳐지지 않음 타이프 스크립트로 작성된 VueJs 프로젝트를 상속받았습니다.일부 데이터를 표시하는 컴포넌트가 있습니다.변환(ADD_SHOOL)을 통해 vuex 스토어가 업데이트되지만 변경 내용이 보기에 반영되지 않습니다.감시자가 필요한 것 같습니다만, Vue가 제 가게의 변화에 대응하려면 어떻게 해야 할지 모르겠습니다. 보다 data() { return { school: {} as ISchool }; }, async mounted() { await this.getSchoolInformation(); }, methods: { async getSchoolInformation() { this.school = await Stores.schoolStore.getScho..

Vue3와 Vuex4 및 TypeScript를 사용하여 스토어 모듈을 설정하는 방법 TypeScript를 사용하여 Vue3/Vuex4에 접속하고 싶은데 아쉽게도 문서가 도움이 되지 않았습니다. https://next.vuex.vuejs.org/guide/typescript-support.html 초심자였던 저는 간단한 문제 추적 스토어 모듈부터 시작했습니다.문제 모듈 내에서 "글로벌 스토어 인스턴스"를 사용하여 index.ts 파일을 생성하여 자체 등록했습니다. import { ActionContext, ActionTree, GetterTree, MutationTree, Store, } from "vuex"; export default (store: Store): void => { store.regist..

이 Nuxt-Socket-io 이미터는 왜 그 액션을 트리거하지 않는가? Nuxt-socket-io를 NuxtJs 어플리케이션에서 사용하려고 하는데 이미지 함수가 vuex 스토어에서 액션을 트리거하지 않는 것 같습니다. nuxt.config.disc에는 다음 코드가 있습니다. modules: [ '@nuxtjs/axios', 'nuxt-socket-io' ], io: { sockets: [ { name: 'main', url: process.env.WS_URL || 'http://localhost:3000', default: true, vuex: { mutations: [], actions: [ "subscribeToMirror" ], emitBacks: [] }, }, ] }, 해당 subscribeT..

Vuex: 알 수 없는 변환 유형: 드롭다운 상태 나는 초보자이고 무언가를 배우고 있다. 나는 vue js 2를 사용하고 있고 vuex에 문제가 있다.div of dropdown을 클릭하면 액티브 클래스를 추가하고 드롭다운의 내용을 표시합니다.문제는요. 알 수 없는 변환 유형: 드롭다운 상태. store.displaces를 설정합니다. import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state: { active: false, }, getters: { isOpen (state) { return state.active; }, }, mutation: { dropdownState ..

NuxtJs 스토어에서 localStorage에 액세스하려면 어떻게 해야 합니까? 저장 중인 변수의 값을 결정하기 위해 localStorage에서 값을 가져오려고 합니다.약 1년 전에 Vuejs와 비슷한 것을 시도했는데 효과가 있었던 것으로 기억합니다.나도 Reactjs에 대해 아무런 문제가 없다.하지만 어떤 이유에서인지 Nuxt에서 같은 작업을 할 때 이 오류가 계속 발생합니다. 이건 내 파일이야 export const state = () => ({ isLoggedIn: !!localStorage.getItem('userDetails') }) export const mutations = { login(state) { state.isLoggedIn = true; }, logout(state) { wind..

Vuex 스토어 내 2차원 배열에서 항목 업데이트 저는 VueJs 개발에 참여해서 간단한 지뢰찾기 게임을 만들고 싶습니다.2차원 그리드는 Vuex 상태에 의해 관리됩니다.셀을 클릭할 때 현재 코드를 표시하려고 합니다. [MutationTypes.REVEAL_CELL]: (state, { rowIndex, columnIndex }) => { state.board[rowIndex][columnIndex].isRevealed = true; } 유감스럽게도 UI에는 영향을 주지 않습니다.이 문제는 여기서 설명하고 있습니다. https://vuejs.org/v2/guide/list.html#Caveats 의사 선생님들이 이런 걸 쓰라고 해서 import Vue from "vue"; [MutationTypes.RE..

vuex 모듈에도 네임스페이스가 필요합니까? 저는 여러 개의 모듈로 구성된 비교적 큰 Vuex 프로젝트를 셋업했습니다. https://vuex.vuejs.org/en/modules.html getter의 예를 들려면 getter from a getter.search모듈은 다음과 같이 처리됩니다. computed: { filters() { return this.$store.state.search.filters; } } 모듈 상태에 액세스하려면search모듈 이름 공간을 계속 지정해야 합니까? 이 메뉴얼에는, 다음의 내용이 기재되어 있습니다. 기본적으로는 모듈 내부의 액션, 돌연변이 및 getter는 글로벌 네임스페이스 아래에 계속 등록됩니다.이것에 의해, 복수의 모듈이 같은 변환/액션 타입에 반응할 수 있..

vuex ajax 호출 및 여러 구성 요소 vuex 및 여러 컴포넌트가 이 콜의 데이터를 공유하는 Ajax 콜의 베스트 프랙티스를 알고 싶습니다. 해당 콜의 로드, 성공 및 오류 속성을 스토어에 저장하여 컴포넌트까지 모두 채워야 합니까?뭐가 최선인지 잘 모르겠어요.또한 모든 컴포넌트에서 Ajax를 호출하는 것은 한 번 호출하는 목적에 어긋나기 때문에 원하지 않습니다. 현재, 상기와 같이 보존하고 있습니다. new Vuex.Store({ state: { persons: { data: null, loading: false, error: null } } }); 각 API 호출에 대해 이 작업을 수행하고 거기에 저장합니다.더 좋은 방법은?이 문서에서는 ajax 콜을 구현하고 vuex 상태를 업데이트하기 위한 몇..

Nuxt.js 기반 사이트를 개선하여 Google PageSpeed 통찰력을 얻는 방법 저는 Nuxt.js로 만든 웹사이트를 개발 중입니다. 정말 잘 작동하지만 첫 번째 로딩에는 몇 초가 걸리고 빈 페이지가 있기 때문에 Google Page Speed의 통찰력은 모바일에는 매우 부족합니다. 테스트 웹 사이트: 。 그들은 처음에 아픈 내용물이 10초 이상 걸린다고 주장한다. VueX의 로딩과 관련이 있다고 생각합니다.그래서 적어도 로드되는 동안 화이트 페이지에 속도를 높이거나 내용을 넣을 수 있는 방법이 없을까 생각했습니다. 정말 고마워.방금 https://webpagetest.org에서 사이트를 실행했는데, 어디서 시간을 보내는지 잘 보여 줍니다.방금 알아챘어: jquery를 여러 번 로드합니다(애초에 ..