prostudy

Vuex를 사용하는 글로벌 이벤트 버스 - 항상 가입자에게 알림 나는 Vue에서 꽤 오랫동안 글로벌 이벤트 버스를 이용하고 있다.const bus = new Vue()그러나 구독 폐기는 장황하게 될 수 있다. 구성 요소의 이벤트에 가입한다고 가정해 봅시다. mounted() { bus.$on('some.event', callback) } 콜백을 계속 추적해서 적절히 처리해야 할 것이다.beforeDestroy. 글로벌 믹스인을 사용하면 어느 정도 간소화할 수 있지만, 지금 사용하고 있기 때문에, 나는 다음에서 만들어진 구독을 구별해야 한다.mounted그리고activated콜백 그래서 나는 Vuex에게 이것을 관리할 수 있는 기회를 주겠다고 생각했다. 왜냐하면 관찰자들은 틀에 의해 처분되기 때문이다.나는..

Vuex4에 있는 소방시설에서 스냅샷을 올바르게 사용하는 방법 나는 최신 vue3.js 웹앱에서 소방서를 이용하려고 한다.나는 내 앱에서 vuex4를 sate management로 사용해왔다.내 앱은 또한 Firebase 인증을 로그인, 로그아웃 및 새로운 사용자로 사용한다. 내 앱에서 사용snapShot로그인 후 기능하지만 아래와 같은 오류가 발생함. Uncaught Error in snapshot listener: FirebaseError: Missing or insufficient permissions. 하지만 나는 그 코드를 수신 거부하도록 만들었다.onSnapshot로그아웃 이벤트 후 기능한다.내 코드는 아래와 같아: store/index.js const store = createStore({ ..

vuex 스토어 보기 나는 다음과 같은 가게를 가지고 있다. 마이스토어.부에를 하다 export default { namespaced:true, state: { data: [], } // actions, mutations, etc } 새 데이터가 언제 매장에 도착하는지 알고 싶다. MyOtherVue 파일.부에를 하다 export default { computed: { getFoo() { return this.$store.state.MyStore.data; }, }, watch: { getFoo(newValue, oldValue) { console.log(`New ${JSON.stringify(newValue)}`); console.log(`Old ${JSON.stringify(oldValue)}`); ..

Vue Js의 Javascript 파일에서 상태 값 업데이트 나는 vue 파일에서 상태 변수의 값을 업데이트하려고 하는데 그 값을 자바스크립트 파일로 업데이트하고 싶다.나는 vue 파일의 돌연변이를 사용하여 값을 업데이트하고 있지만 javascript 파일의 값을 검색하면 상태 변수의 이전 값이 표시된다. 코드 스니펫: 1.샘플에서 상태 변수의 값을 업데이트하는 중.vue 파일 2.3번 돌연변이로 업데이트됐어자바스크립트 파일인 sample.js에서 상태변수의 값을 업데이트 하고 싶다. 4.마지막 코드 조각은 상태 변수(예: state.js 파일)를 선언하는 상태 입니다. // Sample.vue this.$store.commit('setStateVariable','newValue'); // mutatio..

NuxTJS 하위 도메인 나는 nuxtjs에 완전히 익숙하지 않으며, 데이터베이스/subdmoain이 존재하지 않거나 그 인증이 더 이상 유효하지 않은 경우 사용자를 리디렉션할 수 있는 미들웨어를 생각해 내 라우터가 하위 도메인과 함께 작동하기를 원한다. 멀티 테넌트(Multi-tenant) 데이터베이스를 설정하여 각 테넌트가 고유한 하위 도메인을 가지도록 하고 있으며, 이 하위 도메인은 내 api 백엔드에 연결할 데이터베이스도 알려준다. 기본 데이터베이스에서 사용app.site.com그리고 나서 세입자들은 다음을 통해 그들 자신의 데이터베이스를 갖게 될 것이다.company1.site.com company2.site.com미들웨어에서 하위 도메인을 확인할 수 있다.그런 다음 올바른 데이터베이스가 쿼리되..

Vuex 스토어의 각 항목에 대해 점수를 할당(계산 기반)한 다음 점수별로 모두 정렬하십시오. 나는 Vuex(vue.js) 애플리케이션에 다음 요구 사항을 가장 잘 구현하는 방법을 이해하려고 한다. 최대한 단순하게 유지하도록 노력하겠다, 내가 이루고자 하는 것은 해커 뉴스 사이트와 비슷한 것이다.따라서 응용 프로그램은 계산/알고리즘에 기초하여 각 항목(포스트)에 대한 점수를 계산해야 할 것이다.점수는 like의 조합과 그것이 만들어진 날짜에 의해 결정된다.따라서 점수는 지속적으로 업데이트되므로(지정된 기간이 만료될 때까지) 점수는 데이터 소스에 저장되지 않고 앱에 의해 계산된다. 제 주요 질문은 Vuex 애플리케이션에서 이를 구현하는 것이 가장 적합한가 입니다. 나는 Vuex의 게시물 가게를 차렸고(각 ..

Vue로 Vuex를 변이시키는 것이 좋은 습관인가?또한 관찰할 수 있는 대상을 설정하다. 달성 예상: 하나의 큰(batch) 쓰기 작업으로 Vuex 상태에 저장된 특정 레코드를 수정하는 가장 올바른 방법 컨텍스트:Vuex 상태에는 각 레코드의 기본값이 포함된 레코드 목록이 포함되어 있다. Logic Component는 Getter를 초기화하여 레코드 중 하나를 얻는다.레코드에 새로운 속성을 추가하고 기존 값을 덮어쓸 필요가 있다. 질문 Vuex getter가 반환한 객체를 수정하고 나중에 전체 결과를 상태로 커밋하는 것이 허용될 수 있는가?그리고 만약 그렇다면, Vuex의 기존 기록을 덮어쓰는 것이 가장 좋은 방법이 될 것이다. 추신: 나는 또한 그것이 덮어쓰게 될 동일한 기록을 "획득"하고 있는 다른 ..

돌연변이 후 경로 변경(VueRouter) 모범 사례(Vuex) 많이 찾아봤지만 거기에 대한 명확한 답변이 없다.기본적으로 돌연변이 후 자동으로 경로를 변경하는 최선의 방법은 무엇인가? Ex: 버튼을 클릭하여 로그인() -> http 호출 -> 돌연변이 LOGIN_SUCUPT -> 사용자를 메인 페이지로 리디렉션$router.go() 액션을 약속으로 포장한 다음 결과를 듣고 구성 요소에서 경로 변경을 호출해야 하는가? 앞으로 직접 할까?$store? 한다vuex-router-sync어떤 식으로든 도움이 될까? 정말 고마워.이 질문에 대한 답은 부에 커뮤니티에서 다소 불분명해 보인다. (나를 포함한) 대부분의 사람들은 가게 변이가 가게의 변이를 실제로 변이시키는 것 외에 어떠한 영향도 가져서는 안 된다고 ..

Vuex에서 지도 상자 맵에 대한 중앙 집중식 상태를 설정하는 방법 나는 방금 vue와 함께 vuex를 사용하기 시작했다.나는 문서를 이해한다.나는 내가 vuex를 사용해야 하는지 그리고 만약 그렇다면 어떻게 해야 하는지 잘 모르는 특정한 문제가 있다. 나는 다양한 레이아웃과 구성 요소 등에 지도 박스 맵이 만능인 앱을 가지고 있다.나는 vue 단일 파일 구성 요소를 여러 개 만들 예정이지만 지도 박스 맵의 동일한 인스턴스로 작업하고 있으므로, 지도 박스 맵을 vuex 스토어에서 시작하고 관리하는 것이 타당하다고 생각한다.그래서 예를 들어 지도 레이아웃이나 다른 것을 변경하면 모든 구성요소에 반영된다. 내가 이 방향으로 계속 가면 몇 가지 일에 어리둥절해진다. 지도는 변수/배열이 아니라 지도 상자 클래스..

Vuex - 모듈 상태에 따라 계산된 속성이 디스패치 시 업데이트되지 않는가? 나는 Vuex에 대한 모듈 설명서를 살펴보고 있으며, Vuex를 사용하는 구성 요소에서 모듈 상태 내의 값을 업데이트하는 데 걸린 지 꽤 되었다.지금까지 내가 가지고 있는 것은 다음과 같다. app/store/index.js import Vue from 'vue' import Vuex from 'vuex' import Counter from './modules/Counter' Vue.use(Vuex) export default new Vuex.Store({ modules: { Counter } }) 앱/스토어/모듈/카운터js const state = { current: 0 } const mutations = { INCREMEN..