반응형

vuex 87

권장되는 VueJS 애플리케이션 API 및 Vuex 설계 패턴이 있습니까?

권장되는 VueJS 애플리케이션 API 및 Vuex 설계 패턴이 있습니까? 저희 팀과 저는 중대형 어플리케이션의 시작에 대해 연구하고 있습니다.asp.net 코어 백엔드를 갖춘 Vue 2 클라이언트 렌더링 애플리케이션입니다.클라이언트는 수만 개의 아이템과 그 상태를 관리하는 데 사용됩니다.애플리케이션은 아직 초기 단계에 있으며, 기존 클라이언트 측 스토어를 재구축할 수 있는 방법을 생각해 왔습니다. 우리는 모두 처음이고 독학으로 배우고 있기 때문에 Vue 애플리케이션에서 데이터 관리에 가장 적합한 패턴이 무엇인지 잘 모르겠습니다. VueJS 어플리케이션에서 권장되는 데이터 관리 패턴이 있습니까? 현재 패턴은 다음과 같습니다. | | | +-----------+ | | | | | +-----------+ ..

sourcecode 2022.07.28

Vue.js가 컴포넌트 내부에 부울 변경을 저장합니다.

Vue.js가 컴포넌트 내부에 부울 변경을 저장합니다. vue.js 스토어에 부울값이 저장되어 있는데 컴포넌트 내부에서 이 값이 변경되는 것을 검출해야 합니다.userEnabled가 변경되면 컴포넌트 내의 메서드를 호출해야 합니다.새로운 값을 계산할 필요가 없습니다. 질문입니다만, 'watch'를 사용해야 합니까?아니면 좀 더 효율적인 방법이 있을까요?그렇다면 시계를 '마운트'로 설정해야 하며, 언패치는 어떻게 해야 합니까? store.displaces를 설정합니다. import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state : { userEnabled: false, } }..

sourcecode 2022.07.27

가져오기 요청에서 데이터를 추출하여 내보냅니다.

가져오기 요청에서 데이터를 추출하여 내보냅니다. Stack Over Flow 커뮤니티에 가입하게 되어 기쁩니다. 웹 개발은 처음이라 질문이 많습니다. 제 질문은 javascript의 fetch request에 관한 것입니다. 내보내기 위해 응답에서 데이터(userId)를 추출하려고 하는데 추출할 수 없습니다. userId 변수를 global로 설정하려고 했지만 작동하지 않습니다. 이 문제에 대해 그를 도와줄 수 있는 사람이 있나요? 답변 부탁드립니다. let userId = ""; let loggedUserId = () => { let storageToken = localStorage.getItem("groupomania"); let objJson = JSON.parse(storageToken); let..

sourcecode 2022.07.27

사후 대응 업데이트에 vuex를 사용하는 방법

사후 대응 업데이트에 vuex를 사용하는 방법 Vuex와 Vue를 처음 접하는 저는 Vuex가 어떻게 "리액티브하게" 사용되는지 이해하는 데 어려움을 겪고 있습니다.동료가 설명을 시도했지만 잘하지 못하거나 제가 너무 멍청해서 UI를 다시 칠하기 위해 스토어를 관찰할 수 있다고 말했습니다. 함수 본체와 함께 사용되는 속성을 콜백으로 감싸고 변경 사항에 대해 함수 전체를 재평가하는 것처럼 계산된 속성에 대한 아이디어를 얻을 수 있을 것 같습니다.Vuex는 이것에 어떻게 대응합니까?스토어 상태, 게터, 돌연변이 등의 예를 볼 수 있습니다. state: { user: null, role: null }, getters: { getUser: state => state.user, getRole: state => st..

sourcecode 2022.07.26

VM이 정의되어 있지 않습니다(vueC가 있는 vueJ).리

VM이 정의되어 있지 않습니다(vueC가 있는 vueJ).리 프로젝트에 vue-cli를 사용하고 있습니다.vue-route 및 vuex도 프로젝트에 추가되었습니다.루트가 잘 작동한다.전송 중인 vuex 스토어 데이터를 확인하는 동안vm is not defined오류입니다. 코드 블록은 아래에서 찾을 수 있습니다. main.discloss.main.discloss. // Application var vm = new Vue({ router, store, render: h => h(App) }).$mount('#app') window.vm = vm; router.displaces import Vue from 'vue' import Router from 'vue-router' import auth from '...

sourcecode 2022.07.23

복사된 데이터가 변경될 때 Vuex 상태를 변경하지 않고 Vuex 상태에서 Data로 값을 복사하려면 어떻게 해야 합니까?

복사된 데이터가 변경될 때 Vuex 상태를 변경하지 않고 Vuex 상태에서 Data로 값을 복사하려면 어떻게 해야 합니까? 양식을 편집하려고 합니다.그래서 폼 정보를 저장하기 위해 Vuex를 사용하고 있으며 폼 자체는 하위 컴포넌트 내의 vuetify 대화상자에 있습니다.또, 소품을 사용해 다이얼로그를 열어 인덱스를 보냅니다. 편집 vue 데이터(tableUsulanTemp)를 vuex getters(tableUsulan) 값으로 다음과 같이 설정합니다. props: { value: false, index: null }, model: { prop: "value", event: "editClicked" }, // set vue data with vuex getters watch:{ value:functio..

sourcecode 2022.07.17

별도의 비 Vue 컴포넌트인 JavaScript/TypeScript 파일에서 Vuex 상태에 액세스하는 방법

별도의 비 Vue 컴포넌트인 JavaScript/TypeScript 파일에서 Vuex 상태에 액세스하는 방법 UI 로직에서 비즈니스 로직을 최대한 멀리하고 싶습니다.특히...일부 노드 모듈 API와 상호 작용하여 Vuex에서 애플리케이션 상태를 업데이트할 수 있는 서비스 유형 스크립트 클래스를 설정하는 것을 좋아합니다.Vue 컴포넌트가 이 비즈니스 논리에 대해 직접 고민하는 것이 아니라 별도의 .ts/.js 파일로 이 vuex 클래스의 라이브러리 데코레이터를 사용하여 Vuex와 대화할 수 있는 방법이 있습니까?예를 들어 ES 클래스를 만들고 Vuex 상태와 상호 작용하기 위해 스토어, 게터, 돌연변이 등을 포함하는 경우? //fooService.ts .......or something like that ..

sourcecode 2022.07.17
반응형