반응형

분류 전체보기 677

Vue 어플리케이션에서 Vuex를 사용하여 대용량 데이터셋을 효율적으로 처리

Vue 어플리케이션에서 Vuex를 사용하여 대용량 데이터셋을 효율적으로 처리 Vue 어플리케이션에서는 Vuex 스토어 모듈에 대규모 리소스 객체 어레이가 있습니다.이러한 어레이의 개별 리소스에 쉽게 액세스하기 위해 리소스 또는 리소스 목록을 다양한 키(예: 'ID' 또는 '태그')에 매핑하는 Vuex getter 함수를 만듭니다.이로 인해 퍼포먼스가 저하되고 메모리 용량이 커집니다.중복된 데이터를 많이 사용하지 않고 동일한 기능과 반응성을 얻을 수 있는 방법은 무엇입니까? 스토어 모듈 예시 export default { state: () => ({ all: [ { id: 1, tags: ['tag1', 'tag2'] }, ... ], ... }), ... getters: { byId: (state) =>..

programing 2022.08.13

Vuex 모듈에서 관찰자 유형 대신 개체 값 가져오기

Vuex 모듈에서 관찰자 유형 대신 개체 값 가져오기 변환 내부의 Vuex 모듈 상태 값을 얻으려고 합니다.하지만 저는 항상 실제 객체 대신 옵저버 객체를 얻습니다. @Module({ namespaced: true, name: 'myModule', dynamic: true, store }) export class MyModule extends VuexModule { public users: ArrayToObjMap = {}; @Action public async initialize() { const fetchedUsers = await UsersService.getUsers(); this.context.commit('setUsers', fetchedUsers); } @Mutation public setU..

programing 2022.08.13

오류: "[X][mM][lL]"과(와) 일치하는 처리 명령 대상은 허용되지 않습니다.

오류: "[X][mM][lL]"과(와) 일치하는 처리 명령 대상은 허용되지 않습니다. 이 오류는 [xX][mM][lL]"과(와) 일치하는 처리 명령 대상은 허용되지 않습니다. 는 다음과 같이 시작하는 XSLT 페이지를 실행할 때마다 발생합니다. 메모: 첫 번째 줄 앞에 선행 공백을 모두 제거했지만 오류가 여전히 발생합니다.Xerces 기반 도구는 다음 오류를 발생시킵니다. The processing instruction target matching "[xX][mM][lL]" is not allowed. XML 파일의 선두 이외의 장소에서 XML 선언이 발생했을 경우. 이것은 유효한 진단 메시지입니다.이 상황에서는 다른 XML 파서에서도 같은 오류 메시지가 나타납니다. 문제를 해결하려면 , 다음의 가능성을..

programing 2022.08.13

C의 catch 문을 시험합니다.

C의 catch 문을 시험합니다. 블록 시도/해당하다한동안 검색해봤지만 아무 결과도 없었다.시도/캐치하다하지만, 그들을 "시뮬레이션"할 수 있는 방법이 있을까요? 물론 어설션과 다른 트릭도 있지만, 예외도 포착할 수 있는 트라이/캐치 같은 것은 없습니다.합니다. C로 을 할 수 .setjmp ★★★★★★★★★★★★★★★★★」longjmp콜을 클릭합니다. static jmp_buf s_jumpBuffer; void Example() { if (setjmp(s_jumpBuffer)) { // The longjmp was executed and returned control here printf("Exception happened here\n"); } else { // Normal code execution ..

programing 2022.08.13

Vue.js 3 - Vue 컴포넌트 간에 데이터를 전달하고 두 뷰 모두 업데이트하려면 어떻게 해야 합니까?

Vue.js 3 - Vue 컴포넌트 간에 데이터를 전달하고 두 뷰 모두 업데이트하려면 어떻게 해야 합니까? 나는 다음을 시도했다.부모의 코멘트된 행을 확인해 주세요.새로운 상태조차 커밋하지 않는 vue입니다.그러나 다른 사용자가 여러 구성 요소가 공유하는 글로벌 상태를 위한 더 나은 솔루션으로 안내해 줄 수 있습니까? main.discloss.main.discloss. import { createApp } from 'vue' import App from './App.vue' import { createStore } from 'vuex' const app = createApp(App); export const store = createStore({ state: { textProp: 'test', count..

programing 2022.08.13

Vuex는 내부 첫 번째 행의 버튼을 클릭할 때만 컴포넌트를 갱신합니다.

Vuex는 내부 첫 번째 행의 버튼을 클릭할 때만 컴포넌트를 갱신합니다. 나는 Vuex와 장난치고 있고, 거의 작동되고 있다. 단지 이 문제가 나를 괴롭히고 있다.제품 리스트가 있습니다.각 제품마다 클릭 시 "add To Cart()" 이벤트가 있습니다. 제품이 카트에 추가되면 홈에서 카트를 업데이트합니다.vue 컴포넌트이상하게도 첫 번째 제품의 addToCart 버튼을 클릭하거나 두 번째 제품의 버튼을 처음 사용할 때만 업데이트가 됩니다.첫 번째 제품의 버튼을 클릭해야만 두 제품의 수량이 업데이트됩니다. 이것이 내 코드이고, 이것이 Home 컴포넌트입니다.vue: {{product.name}} {{product.quantity}} {{product.name}} Add to cart 마지막으로 Index..

programing 2022.08.13

쓰기 전용 포인터 유형

쓰기 전용 포인터 유형 임베디드 시스템용 소프트웨어를 만들고 있습니다. 포인터를 사용하여 FPGA 디바이스의 레지스터에 액세스하고 있습니다. 일부 레지스터는 읽기 전용이고 다른 레지스터는 쓰기 전용입니다. 읽기 전용 레지스터는 읽을 때 정의되지 않은 값을 생성합니다. 컴파일러가 쓰기 전용 레지스터에서 값을 읽을 때 탐지할 수 있는 포인터 유형을 정의합니다(예: 참조). C 언어 구문만 사용하여 쓰기 전용 포인터를 만들 수 있습니까? (C를 사용하여 1차 시제품을 개발 중이지만, 2세대부터는 C++로 이행합니다.) C++에서 효율적인 쓰기 전용 포인터를 작성하려면 어떻게 해야 합니까?(이것은 동적 메모리 내의 항목을 추적하는 것이 아니라 하드웨어 주소에 액세스하는 것입니다). 이 코드는 안전과 품질이 가장..

programing 2022.08.13

Vue.js 2, WATCH "워처 "Your AccountState" 콜백 오류: "ReferenceError: 값이 정의되지 않았습니다."

Vue.js 2, WATCH "워처 "Your AccountState" 콜백 오류: "ReferenceError: 값이 정의되지 않았습니다." 다음과 같은 WATCH 속성이 내 v-model 데이터를 감시하고 있습니다(이것은 확인란용이며 bootstrap-vue를 사용하고 있습니다). WATCH에서 값을 설정하는 방법이나 매장에서 WATCH 값을 부르는 방법 중 하나라고 생각합니다.(어레이가 전송되기 때문에 문제가 발생합니까?) WATCH에서 콘솔은 할 수 있지만 디스패치하면 에러가 발생합니다. 체크박스의 마크업을 다음에 나타냅니다. {{ test.text }} 컴퓨터 속성: computed: { yourAccountsState: { get() { // console.log(this.yourAccount..

programing 2022.08.13

형식 스크립트가 포함된 Vuex 4를 사용하는 유형 'ComponentPublicInstance'에 속성 '$store'가 없습니다.

형식 스크립트가 포함된 Vuex 4를 사용하는 유형 'ComponentPublicInstance'에 속성 '$store'가 없습니다. vuex에서 타이프스크립트 및 vue를 사용하는 프로젝트가 있는데 VSCode에서 다음 오류가 발생했습니다. Property '$store' does not exist on type 'ComponentPublicInstance' 매뉴얼을 읽었더니 다음 내용으로 d.ts 파일을 추가해야 한다고 되어 있습니다. // vuex.d.ts import { ComponentCustomProperties } from 'vue' import { Store } from 'vuex' declare module '@vue/runtime-core' { // declare your own sto..

programing 2022.08.13

함수 이름 주위의 괄호는 무엇을 의미합니까?

함수 이름 주위의 괄호는 무엇을 의미합니까? 프로젝트 소스 파일 중 하나에서 다음 C 함수 정의를 찾았습니다. int (foo) (int *bar) { return foo (bar); } 주의: 다음 항목 옆에 별표가 없습니다.foo함수 포인터가 아닙니다.아니면 그러한가?재귀 호출은 어떻게 되어가고 있나요?프리프로세서가 없는 경우,foo의 서명은 에 상당합니다. int foo (int *bar) 필자가 본 유일한 문맥은 함수와 같은 이름의 함수와 같은 매크로가 동시에 존재하며 프로그래머가 매크로 확장을 방지하고자 하는 경우입니다. 이 방법은 처음에는 좀 이상하지만 C 라이브러리는 동일한 이름의 매크로와 함수를 제공함으로써 선례를 남깁니다. 이러한 기능/매크로 쌍 중 하나는isdigit()라이브러리에서는 ..

programing 2022.08.13
반응형