반응형

vuex 285

Vue Js 단락이 -> OK로 표시되지만 체크박스가 작동하지 않음

Vue Js 단락이 -> OK로 표시되지만 체크박스가 작동하지 않음 POST API의 3번째 버전입니다. api에 됩니다. 하면: // 2 {{answer1}} // 표시 2 // 1 {{answer2}} // 1 ★★ // 3 03} : // 0 표 {{ 하지만 처음 시작할 때는 체크박스가 작동하지 않지만 문서를 저장했다가 다시 저장하면 해당 체크박스가 작동합니다. my mounted call api : async mounted(){ await this.actionSetanswer1({ props1: '..', props2: '..', }).then(() => { this.actionSetanswer2({ props1: '...', props2: '...', }).then(() => { this.act..

programing 2022.06.22

로그인 상태를 확인하고 로그인하지 않은 경우 오버레이를 렌더링하고 로그인에 성공하면 계속합니다.

로그인 상태를 확인하고 로그인하지 않은 경우 오버레이를 렌더링하고 로그인에 성공하면 계속합니다. Vuetify와 Vuex에서 Vuejs를 사용하고 있는데 간단한 앱을 만들고 싶습니다.아주 작은 ToDo 앱을 하나 해봅시다.백엔드는 Express REST API를 사용하고 HTTP 메서드는 Axios를 사용합니다. 세션을 처리하기 위해 다음 두 가지를 읽습니다. Axios 호출을 시작할 때 상태 코드에 오류가 발생할 수 있습니다.401내가 처리할 수 있는 방법은axios.interceptors.response. instance.interceptors.response.use(res => res, (err) => { if (err.response.status === 401) { store.dispatch('a..

programing 2022.06.22

Redux 또는 Vuex와 같은 상태 관리를 사용하면 웹 응용 프로그램의 속도가 빨라집니까?

Redux 또는 Vuex와 같은 상태 관리를 사용하면 웹 응용 프로그램의 속도가 빨라집니까? 데이터를 중앙 저장소에 저장하면 웹 응용 프로그램의 속도가 빨라집니까? 그 이유 중 하나는 API에서 데이터를 가져오면 다음에 사용자가 해당 뷰로 돌아왔을 때 사용자에게 "사전 표시"해야 하는 데이터가 있다는 것입니다. 한편 상태 관리를 사용하지 않을 경우 사용자는 데이터를 가져올 때까지 매번 기다려야 합니다. 이 진술들이 맞습니까?네, 이 문장은 맞습니다.언급URL : https://stackoverflow.com/questions/63820605/does-using-state-management-such-as-redux-or-vuex-make-the-web-application-faste

programing 2022.06.21

다차원 어레이, Vuex 및 돌연변이

다차원 어레이, Vuex 및 돌연변이 Vuex에 저장된 다차원 배열의 항목을 추가 및 제거하려고 합니다. 배열은 카테고리와 각 카테고리의 그룹이며 하위 카테고리(2차원 배열이 아닌 무한)를 가집니다. 데이터 세트의 예는 다음과 같습니다. [ { id: 123, name: 'technology', parent_id: null, children: [ id: 456, name: 'languages', parent_id: 123, children: [ { id:789, name: 'javascript', parent_id: 456 }, { id:987, name: 'php', parent_id: 456 } ] }, { id: 333, name: 'frameworks', parent_id 123, children..

programing 2022.06.20

Vuex는 언제 사용해야 합니까?

Vuex는 언제 사용해야 합니까? 이제 vue를 배우기 시작하고 데이터베이스 편집용 SPA를 만듭니다.Vuex를 어디에 사용해야 하는지 모르겠습니다.소품도 쓸 수 있고$emit필요한 파라미터를 찾을 수 있습니다.어떤 경우에 Vuex를 사용해야 합니까?Vueose 블로그에 따르면 Vue.js 2.6은 몇 가지 새로운 기능을 도입했으며, 제가 정말 좋아하는 기능 중 하나는 새로운 글로벌 관찰 가능한 API입니다. 이제 Vue.js 구성 요소 범위를 벗어나 사후 대응 개체를 생성할 수 있습니다.또한 컴포넌트에서 이러한 컴포넌트를 사용하면 렌더 업데이트가 적절히 트리거됩니다. 이렇게 하면 Vuex 없이도 매우 간단한 저장소를 생성할 수 있으므로 구성 요소 간에 외부 상태를 공유해야 하는 경우와 같은 간단한 시나..

programing 2022.06.20

Vue.js 3 속성 '$store'가 'CreateComponentPublicInstance' 유형에 없습니다.

Vue.js 3 속성 '$store'가 'CreateComponentPublicInstance' 유형에 없습니다. 프로젝트에는 vue.js 3, typescript 및 vuex 4를 사용하고 있습니다.그런데 사용하다가 이 에러가 났어요.this.$store나의 위에.vue파일 Property '$store' does not exist on type 'CreateComponentPublicInstance' 추가했습니다.vuex.d.ts이 문서에 근거하고 있습니다만, 같은 에러(https://next.vuex.vuejs.org/guide/typescript-support.html)가 표시됩니다. import { Store } from "vuex"; import { ComponentCustomPropertie..

programing 2022.06.20

vuex 모듈 내에서 작업/변화를 청취합니다.

vuex 모듈 내에서 작업/변화를 청취합니다. 여러 모듈이 있는 vuex 스토어가 있는데 "global"을 듣고 싶다.dispatch또는commit콜(액션 및 돌연변이)을 모듈 내에서 실행합니다.예를 들면,authmodule 로그인 및 로그아웃 등의 액션이 있습니다.이러한 액션이 디스패치 될 때마다 다른 모듈을 원합니다.ui로그인한 사용자를 기반으로 언어를 설정하는 등의 작업을 수행합니다. 내가 그냥 보낼 수 있다는 걸 알아ui의 로그인 및 로그아웃 작업 내에서의 작업auth모듈.하지만 그 반대로 하는 게 낫겠어요ui에서 송신된 이벤트(액션 및/또는 돌연변이)를 듣고 있습니다.auth이렇게 하면 "오리지널" vuex 모듈을 변경하지 않고도 쉽게 부작용을 만들 수 있습니다. 시계를 사용해야 할지도 모르지만..

programing 2022.06.19

글로벌 스토어를 가져올 때 getter의 일부만 조롱합니다.

글로벌 스토어를 가져올 때 getter의 일부만 조롱합니다. 글로벌 스토어에서 getter를 조롱할 수 있는지 알고 계십니까? 이 코드를 시도했지만 작동하지 않습니다. import store from '@/store'; import Vuex from "vuex"; const localVue = createLocalVue(); localVue.use(VueRouter); localVue.use(Vuex); const wrapper = mount(App, { mocks: { $store: { getters: { isLoggedIn: () => true // This is always returning false. I need this getter to return true value }, } }, store..

programing 2022.06.19

Vuex 상태 내에서 맵 사용

Vuex 상태 내에서 맵 사용 Vuex에 대해 알아보기 위해 시제품 모듈을 만들고 있는데 간단한 문제에 부딪힙니다.Map제 상태 변수 중 하나로요 Vuex를 사용하여 여러 모듈에 걸쳐 몇 가지 기본 사용자 기본 설정을 저장하고,Mapprefs는 간단한 키/값 쌍으로 처리할 수 있기 때문에 간단한 방법입니다.하지만 내가 정의하지 않았거나Map아니면 내가 변이 안에서 제대로 사용하지 못하고 있어 기꺼이 다른 오브젝트를 사용할 수 있습니다. 그리고 저는 일련의UserPref잘 안 풀리더라고요Vue 2는 적절한 지원을 제공하지 않습니다.Map. 키가 문자열이라고 가정하면 오브젝트를 사용하는 것이 좋습니다.완전히 비어 있는 개체를 가져오려면(상속된 속성 없음, 심지어 상속된 속성 없음)toString)를 사용할 ..

programing 2022.06.18

VueJ - 알 수 없는 로컬 작업 유형: addProductToCart, 글로벌 유형: cart/addProductToCart

VueJ - 알 수 없는 로컬 작업 유형: addProductToCart, 글로벌 유형: cart/addProductToCart VueJs는 처음이니까 좀 봐주세요.VueJs를 사용하여 쇼핑 카트를 구현하려고 합니다.'카트에 추가' 버튼과 클릭 핸들러가 있습니다.addProductToCart(product)그러면 제품이 카트에 추가되고 버튼을 클릭하면 오류가 나타납니다.unknown local action type: addProductToCart, global type: cart/addProductToCart내가 뭘 잘못하고 있는지 모르겠어. 요소.표시하다 Add to Cart store/module/module.module.models import * as types from '../types'; co..

programing 2022.06.18
반응형