prostudy

Vuex의 확산 연산자가 babel로 올바르게 컴파일되지 않아 모듈 구축에 계속 실패함 mapGetters 개체에서 확산 연산자를 사용하고 있습니다.ES6를 올바르게 컴파일하려면 특정 babel-preset-stage를 사용해야 한다는 것을 알고 있습니다.npm이 babel-preset-stage-2를 설치했는데도 이 에러가 발생하고 있습니다. ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/AnotherResult.vue Module build failed: SyntaxError: Unexpected token (13:8) 11 | export default { 12 | com..

Vue setup() 메서드로 Vuex 스토어에 액세스하는 방법 Vue에 있는 Vuex 스토어에 액세스하려면setup()방법? 나는 일반에 접속할 수 없다.this.$store더 이상 변수입니다.구성 API 설명서에 따르면 다음 구문을 사용해야 합니다. import { useStore } from 'vuex' export default { setup () { const store = useStore() return { // access a state in computed function count: computed(() => store.state.count), // access a getter in computed function double: computed(() => store.getters.doub..

Electron-Vue 응용 프로그램의 상태는 어디에 저장됩니까? 세션 간에 상태 데이터를 유지하는 방법 및 요점은 무엇입니까? 이 튜토리얼(https://alligator.io/vuejs/vue-electron/)에 따라 Electron의 Vue.js를 사용하여 간단한 ToDo 앱을 만들었습니다. 빈칸을 채우고 나면 모든 것이 작동한다.그러나 응용 프로그램 상태가 저장된 위치를 찾을 수 없습니다.예를 들어 Dev 모드(npm run devToDo 항목을 추가한 다음 앱을 닫으면(그리고 VS 코드도 다시 시작), 앱을 다시 시작할 때 ToDo 데이터가 유지됩니다. Win10을 사용하고 있으며, 특히 최근 30분 이내에 변경된 파일을 검색해 보았습니다.datemodified:‎23/‎09/‎2019 12:..

Nuxt.js 스토어, 다른 스토어에 디스패치액션 내 Nuxt.js 앱에 2개의 스토어가 있는데 다른 스토어에 액션을 디스패치해야 합니다. export const actions = { addToCart({ state, commit, dispatch }) { dispatch('CartLoadingStore/enableLoadingBar') this.$axios .post('something') .then(response => { (...) dispatch('CartLoadingStore/disableLoadingBar') }) }, } 다른 가게로 액션을 보낼 수 없을 것 같습니다.그래요?아니면 그렇게 하는 방법이 있나요? 위의 경우 다음 오류가 발생합니다. [vuex] unknown local actio..

vuex에서 getter의 특별한 용도는 무엇입니까? Vuex를 공부한 지 2주나 됐어요.나는 단지 의 특별한 기능이나 용도가 무엇인지 궁금할 뿐이다.getters 아래 코드를 사용해 보니 정상적으로 동작하고 있습니다. this.$store.getters["app/url"] 하지만 같은 방법으로 동일한 값을 얻을 수 있습니다.state this.$store.state.app.url 그냥 물어보는 거예요.getters다음과 같은 설정이 필요합니다.이것에 의해, 코드의 길이가 길어집니다.이것만으로 값을 얻을 수 있는 경우입니다.state. const getters = { url: state => state.url }; getter가 스테이트를 사용하는 것보다 유리한 상황이 세 가지 있다고 생각합니다. 무엇보..

Vuex getter의 v-if vuex getters isLogged를 사용하고 있습니다.에서 사용자가 로그인하고 있는지 여부를 확인합니다. ... data() { return { isLoggedIn: this.$store.getters['auth/isLoggedIn'] } }, 동작되지 않습니다.그러나 getters 값을 데이터로 설정하지 않고 v-if에서 직접 상태를 확인하지 않으면 작동합니다.다음과 같은 경우: // This works for me. ... 뭐가 다른지 모르겠어요.감사합니다.사용하다computed,data한 번만 실행하다 computed:{ isLoggedIn(){return this.$store.getters['auth/isLoggedIn']} } 언급URL : https://s..

SSR의 Vuex 모듈 재설정 상태 상태 관리로 vuejs와 vuex를 사용하고 있습니다.SSR를 수행하는 동안 서버에서 상태 저장 Singleton을 방지하기 위해 라우터 및 저장소의 새 인스턴스를 사용하여 앱의 새 인스턴스를 만듭니다.상세한 것에 대하여는, https://ssr.vuejs.org/guide/structure.html#avoid-stateful-singletons 를 참조해 주세요. 문제는 vuex 스토어의 모듈 상태가 리셋되지 않는다는 것입니다.모듈의 새로운 인스턴스를 생성할 적절한 방법을 찾을 수 없었습니다. 노드 서버에서 새 vmcontext를 사용하지 않고 SSR에 대해 매번 동일한 모듈의 상태를 재설정하지 않습니다.언급URL : https://stackoverflow.com/q..

컴포넌트 템플릿 내의 Vuex getter에서 업데이트된 값을 얻는 방법 템플릿 내의 getter 값의 변화를 검출하려면 어떻게 해야 합니까?다음과 같은 컴포넌트가 있습니다. computed: { ...mapGetters({ processingStep: 'products/processingStep', }), ... ... 따라서 vuex 상태 버튼을 클릭하면 processingStep 값이 그 사이에 변경됩니다.문제는 Vue dev 툴 내에 업데이트된 getter 값이 표시되지만 컴포넌트넷템플릿에서 이를 추적하지 않는다는 것입니다.이를 수정하려면 어떻게 해야 하며 위의 div는 processingStep 값 변경에 대해 어떻게 인식해야 합니까?당신은 당신의 가게의 돌연변이를 구독할 수 있어야 합니다.구독..

vuex에서 모듈의 네임스페이스란 정확히 무엇입니까? 나는 최근에 로 시작했다.vuex. 관계자는 모듈이 무엇인지 잘 설명해주지만 모듈의 네임스페이스를 제대로 이해했는지 모르겠습니다. 누가 더 나은 방법으로 네임스페이스에 불을 붙여줄 수 있나요?언제, 왜 사용합니까? 대단히 감사합니다.매우 큰 상태의 오브젝트가 있는 큰 앱을 가지고 있는 경우, 당신은 종종 그것을 모듈로 나눕니다. 그 말은 기본적으로 주를 잘게 쪼개야 한다는 뜻이죠주의사항 중 하나는 모듈이 동일한 상태로 통합되어 있기 때문에 모듈에 대해 동일한 방식 이름을 사용할 수 없다는 것입니다.다음은 예를 제시하겠습니다. moduleA { actions:{ save(){} } } moduleB { actions:{ //this will throw ..

vuex axios 응답에서 스토리지가 제대로 작동하지 않음 예를 들어 Axios 응답을 사용하여 vuex 스토리지에 데이터를 디스패치할 때마다 ** Sidebar.vue ** created(){ this.getRoles(); }, methods: { getRoles(){ var _this = this var roles = null this.$http.get('/api/userroles/userroles').then(function(response){ // Passing data to vuex within response _this.$store.dispatch('setUserRoles', response.data.data) } } check_role(){ } } console.log와 같은 사이드바에 콘..