goodsource

vuex 상태에서 초기화할 데이터 유형과 시기를 선택하십시오. vuex에 대해 배우기 시작했어요.Store에서 이 데이터를 설정해야 하는지 컴포넌트에 로드해야 하는지 질문이 있습니다. 예를 들어, 내 앱에서는 Store Action에서 모든 사용자(firebase)를 로드하고 Getters에서 읽는데, 하나의 사용자 데이터를 로드하려면 상태에서 가져와야 합니까, 아니면 컴포넌트 자체에서 가져와야 합니까? 앱의 갱신이나 신기능 추가에 있어서, 생활을 간단하게 하고 싶다고 생각하고 있습니다.당신의 스토어가 글로벌 상태의 유일한 진실의 원천이 되어야 합니다. 즉, 데이터를 읽는 모든 성분이 저장소에서 읽어야 합니다.이것에 의해, 일관성이 확보됩니다.물론 각 컴포넌트는 다른 수단을 사용하여 스토어에서 가져온 데..

Vue.js 구문 오류(SCRIPT1003) IE11 이하 IE11 이하에서 vue.js 앱을 시도하면 routeContent를 가리키는 콘솔에서 Error SCRIPT1003 excepted: 가 표시됩니다.Snytax는 다음과 같습니다. var store = new Vuex.Store({ state: { routeContent: null }, mutations: { routeContent(state, payload) { state.routeContent = payload document.title = payload.title } } }) 오브젝트 메서드 약어를 사용하여 다음을 정의하려고 합니다.routeContentInternet Explorer 또는 Safari에서는 지원되지 않습니다. Babel과..

Vuex 저장소의 NuxTJS 값이 정의되지 않았습니다. 저는 Nuxt에 이런 vuex 스토어를 만들었습니다. export const state = () => ({ id: "", type: null, name: null, }); export const mutations = { setProfile(state, profile) { state.id = profile.idStr; state.type = profile.type; state.name = profile.name; } }; export const getters = { name(state) { return state.name; } }; 데이터는 다음과 같이 저장됩니다.store.commit("profile/setProfile", profile.data)..

v-model을 사용하여 Vuex 저장소를 수정하시겠습니까? 안녕하세요 저는 Vue의 초보자이고 저를 괴롭히는 문제가 있습니다.v-model 디렉티브를 사용하여 vuex 스토어를 수정해야 합니까?Vuex는 돌연변이를 통해서만 vuex 저장소를 수정해야 한다고 하지만 v-model을 사용하면 모든 것이 쉽고 짧아집니다.(명확한 답을 찾을 수 없어서 물어봅니다)https://vuex.vuejs.org/guide/forms.html Vuex를 strict 모드로 사용하는 경우 사용법이 다소 까다로울 수 있습니다.v-modelVuex 소유의 주(州)에 있는 주(州)에 있는 주(州)에서요 이 문제를 해결하기 위한 "Vuex 방식"은 다음과 같습니다.입력 이벤트 또는 변경 이벤트에 대한 액션을 호출합니다. 이 페이..

typescript와 함께 mapState 사용 저는 Vue 2 프로젝트에서 활자본을 사용하고 있는데, 현재 활자본을 처음 사용하는 Vuex를 사용해야 합니다.SOF나 블로그에서 찾은 답변을 바탕으로 작성했는데 오류가 발생하여 어떻게 수정해야 할지 모르겠습니다. 코드는 다음과 같습니다. @Component({ computed: { ...mapState('auth', { isUserAuthenticated: (state: AuthState) => state.auth.isUserAuthenticated }) } }) export default class App extends Vue { isUserAuthenticated!: boolean; drawer?: boolean = undefined; navItems..

vuex 및 유닛 테스트 문제를 해결하려면 어떻게 해야 합니까? 처음 mocha로 유닛테스트를 작성 및 실행하려고 하는데 문제가 발생하였습니다.컴포넌트가 있습니다.Table.vue비에티로 Table Id Name Description Action {{ item.id }} {{ item.name }} {{ item.description }} Update Delete Create Are you sure you eant to remove this item? Yes No 그리고 거기서 테스트를 하고 싶어요.파일이 있습니다.table.spec.js안에서.tests/unit폴더 import { expect } from 'chai' import { shallowMount, createLocalVue } from '@..

Vue.js/Vuex: 상태 값으로 v-bind하는 방법 b-dropdown 요소의 텍스트를 스토어 값에 바인드하려고 합니다.스토어의 값이 변경될 수 있고 b-dropdown의 텍스트가 동적으로 변경되어야 하기 때문에 계산된 속성에 바인딩을 시도했습니다.값은 b-dropdown이 존재하는 컴포넌트 외부에서 유지되어야 하므로 데이터 객체가 아닌 스토어에 저장해야 합니다. 다음은 b-dropdropdown 요소는 다음과 같습니다. ... 그리고 계산된 속성은 computed: { selectedSearchType: function() { return store.getters.getSelectedSearchType } }, 더 게터 getSelectedSearchType: state => { return st..

Vuejs 비동기 데이터 함수의 중첩된 약속 최소한으로 줄이자. 여기 서버에서 데이터를 가져오는 작은 컴포넌트가 있습니다.이 컴포넌트와 다른 컴포넌트의 차이점은 2개의 AJAX 콜을 실행해야 한다는 것입니다.줄줄이! Easy 문제는 이 작업이 완벽하다는 것입니다. 모든 요청 작업이 완료됩니다.하지만 만약 일이 잘못되면 내가 할 수 있어 throw { url: '/404' }; 브라우저에서는 완벽하게 작동합니다. 즉, '/404'로 이동하지만 NodeJS에서는 이 메시지가 계속 표시됩니다. 처리되지 않은 약속거부 경고:처리되지 않은 약속 거부.이 에러는, 캐치 블록이 없는 비동기 함수의 내부에 송출하거나, 또는 .catch()로 처리되지 않은 약속을 거부함으로써 발생합니다(거부 ID: 1). 비슷한 일을 ..

Nuxt JS/Firebase를 사용한 Vuex 미지의 액션 Nuxt JS 2.9.2와 Firebase 6에 인증 시스템을 구현하려고 합니다.Nuxt Fire 모듈과 Vuxfire 모듈을 사용하고 있습니다. 사용자를 작성, 로그인, 로그아웃할 수 있는 시스템을 정상적으로 셋업하고 데이터를 실시간 데이터베이스에 저장했습니다만, 실시간 데이터베이스에서 데이터를 취득하는 데 문제가 있습니다. 현재 로그인한 사용자를 기반으로 실시간 데이터베이스에서 정보를 꺼내려고 합니다. 예: 스토어/로컬 스토리지js import firebase from 'firebase' import { firebaseAction } from 'vuexfire' export const state = () => ({ user: null, ac..

$store가 정의되지 않은 이유는 무엇입니까? vuejs 및 vuex를 사용하여 프로젝트를 개발하는 데 어려움을 겪고 있지만 vuej 및 vuex와 함께 사용할 수 없습니다.this.$store.state.count왜일까요? 설정: "vuex": "^2.0.0" store.syslog: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { count: 12 }, mutations: { increment (state) { state.count++ } }, strict: true }) main.filename: import store from './vuex/store' import..