반응형

vuex 285

vuex mapGetters를 사용할 가치가 있는가?

vuex mapGetters를 사용할 가치가 있는가? 그래서 나는 제목이 내 질문을 소개한다고 믿는다.mapGetters를 사용하고자 하는 각 구성요소에 새로운 종속성을 도입할 경우, 이것은 패키지에 더 큰 부담을 가중시킨다. 이것은 또한 당신의 구성요소가 현재 Vue와 특별히 결합되어 있다는 것을 의미하는데, 그것은 당신이 반응과 같은 다른 프레임워크로 구성요소를 포팅해야 할 경우 1가지 더 경쟁해야 할 것이다. 다음 두 가지 계산된 속성 목록을 고려하십시오. import { mapGetters} from 'vuex' computed: { ...mapGetters({ active:'interface/active', mode:'interface/mode', views:'interface/views', }..

programing 2022.03.20

제공/주체 또는 Vuex?

제공/주체 또는 Vuex? 나는 자동차 목록을 가지고 있다.그 목록의 각 항목에는 일부 자동차에 대한 모든 정보가 들어 있다.또한 각 항목은 이미지, 가격, 특성 등 다른 많은 구성요소에 대한 상위 구성요소로서 별도의 구성요소에 있는 모든 정보를 포함한다.그 모든 차들에 대한 정보는 Vuex에 저장되어 있다.이제 나는 그 정보를 각각의 목록 항목으로 전달하는 더 좋은 방법을 생각해 본다. 다른 차에 대한 모든 필수 데이터를 상위 부품에 전달하십시오.그런 다음 아동 구성 요소에 제공하십시오. 모든 아이들은 Vuex로부터 직접 필요한 정보를 얻는다. 참조URL: https://stackoverflow.com/questions/70045468/provide-inject-or-vuex

programing 2022.03.19

계산된 속성에서 오류가 반환되는 이유

계산된 속성에서 오류가 반환되는 이유 사용하고 있다.Vuex, 안에Getter Foo function배열 내에서 두 개의 값을 반환하는 중: return ["Try Again"]또는return ["Data result", data]계산된 결과, 나는array length그리고 결과에 따라 되돌아온다. computed:{ Foo: function(){ const getFoo = this.$store.getters.Foo; if(getFoo.length === 1) { this.existFoo = false return getFoo[0] } this.existFoo = true return getFoo } } 하지만 나는 이런 실수를 하고 있다. 심지어 다른 글을 읽어도 나는 그것을 해결할 수 없다. 34:..

programing 2022.03.14

Typecript Vuex 객체가 알 수 없는 유형인 Vue Vuex

Typecript Vuex 객체가 알 수 없는 유형인 Vue Vuex 나는 타입스크립트의 Vuex를 작동시키려 하는데 문제가 있다.나는 아래 첫 번째 그림과 같이 딱 맞는 타이프 없이 예시를 했다.나는 Vuex 모듈을 생성한 후 아래와 같이 추가한다. src -> store -> index.js import Vue from 'vue'; import Vuex from 'vuex'; import robotsModule from './modules/products'; Vue.use(Vuex); export default new Vuex.Store({ modules: { products: productsModule }, }); src -> store -> modules -> product.js import ax..

programing 2022.03.10

페이지 새로 고침 없이 Vuex 상태가 업데이트되지 않음

페이지 새로 고침 없이 Vuex 상태가 업데이트되지 않음 나는 사용자들이 로그인했는지 여부에 따라 다른 페이지를 볼 수 있는 단일 페이지 애플리케이션을 만들고 있어.로그인 호출이 완벽하게 작동하고 인증 토큰이 Local Storage(로컬 스토리지)에 저장된다. 설정:나는 전화를 건 사람을 세웠다네loggedIn어느 쪽이 되느냐true주(州)에 토큰이 설정되어 있는 경우이게 바로 내 코드야auth.js스토어의 모듈: const state = { accessToken: TokenService.getToken(), } const getters = { loggedIn: (state) => { return state.accessToken ? true : false }, TokenService의 기능: getTo..

programing 2022.03.07
반응형