«vuex» 태그된 질문

Vuex에서 "동작"과 "돌연변이"를 갖는 논리는 무엇입니까? 구성 요소의 논리가 스마트하게 보이는 상태를 수정할 수는 없지만 동작과 변이를 모두 갖는 것은 하나의 함수를 작성하여 다른 함수를 트리거 한 다음 상태를 변경하는 것처럼 보입니다. "동작"과 "돌연변이"의 차이점은 무엇이며 어떻게 작동합니까? 또한 Vuex 개발자가 왜 이런 식으로 결정했는지 궁금합니다.

173 vue.js  vuex 

나는 함께 사용 vuex하고 vuejs 2있습니다. 나는 처음에 변수 변화 vuex를보고 싶습니다 store. watch내 기능 을 추가하고 싶습니다vue component 이것이 지금까지 내가 가진 것입니다. import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 변경 사항이 있는지 알고 싶습니다. …

168 javascript  vue.js  vuejs2  vuex 

네임 스페이스 모듈간에 작업을 전달할 수 있습니까? 예를 들어, vuex 모듈 "gameboard"및 "notification"이 있습니다. 각각은 네임 스페이스입니다. 게임 보드에서 알림 모듈로 액션을 전달하고 싶습니다. 다음과 같이 디스패치 작업 이름에 모듈 이름을 사용할 수 있다고 생각했습니다. // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... dispatch('notification/triggerSelfDismissingNotifcation', {...}) } } // …

159 vue.js  vuejs2  vuex 

내 작업에 대해 다음과 같은 설정이 있습니다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 내가 전화를 할 수 있도록하려면이 예에서는 너무 다른 내에서 하나의 액션을 호출 할 수 있도록하려는 get2()내에서 get1(). 가능합니까? 그렇다면 어떻게해야합니까?

135 vue.js  vuex 

저는 최근에 jQ에서 VueJS 인보다 구조화 된 프레임 워크로 마이그레이션하기 시작했습니다. 개념적으로 Vuex는 저에게 약간의 패러다임 전환 이었지만 지금은 그 모든 것이 무엇인지 알고 있으며 완전히 이해합니다! 그러나 대부분 구현 관점에서 볼 때 약간의 회색 영역이 있습니다. 이것은 디자인 상 좋지만 단방향 데이터 흐름 의 Vuex 주기 와 모순되는지 모르겠습니다 …

130 promise  vue.js  es6-promise  state-management  vuex 

vuejs와 laravel의 여권을 사용하여 사용자를 인증하려고합니다. 작업을 통해 vuex 돌연변이에 여러 매개 변수를 보내는 방법을 알아낼 수 없습니다. -상점- export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) { localStorage.setItem('token', token) localStorage.setItem('expiration', expiration) } }, actions: { authenticate: …

124 vue.js  vuejs2  vuex 

개요 Vue.js 2.x에서에서 model.sync됩니다 되지 않습니다 . 그렇다면 Vue.js 2.x 에서 형제 구성 요소간에 통신하는 적절한 방법은 무엇 입니까? 배경 내가 Vue 2.x를 이해했듯이 형제 통신에 선호되는 방법 은 상점 또는 이벤트 버스를 사용하는 것 입니다. Evan (Vue의 제작자)에 따르면 : 또한 "구성 요소간에 데이터 전달"은 일반적으로 나쁜 생각이라고 언급 …

112 javascript  vue.js  vuejs2  vue-component  vuex 

양식 유효성 검사가있는 구성 요소가 있습니다. 다단계 결제 양식입니다. 아래 코드는 첫 번째 단계입니다. 사용자가 텍스트를 입력했는지 확인하고 이름을 전역 상태로 저장 한 다음 다음 단계로 전송하고 싶습니다. vee-validate 및 vuex를 사용 하고 있습니다. <template> <div> <div class='field'> <label class='label' for='name'>Name</label> <div class="control has-icons-right"> <input name="name" v-model="name" v-validate="'required|alpha'" :class="{'input': true, …

108 vue.js  vuejs2  vue-component  vuex 

간단한 Vue 블로그를 생각해보십시오. 저는 Vuex를 데이터 저장소로 사용하고 있으며 두 개의 getter 를 설정해야합니다 . ID getPost로 검색하는 getter 와 각 추천 게시물의 처음 몇 문자를 반환 하는 getter입니다 . 추천 게시물 목록의 데이터 저장소 스키마는 해당 ID로 게시물을 참조합니다. 이러한 ID는 발췌 내용을 표시하기 위해 실제 게시물로 확인되어야합니다.postlistFeaturedPosts …

108 vuejs2  vuex 

나는 액세스하려는 state.session에서 instance.js에서 records_view.js. 이것은 어떻게 이루어 집니까? store / modules / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / modules / records_view.js const actions = { getSettingsAction …

108 javascript  vue.js  vuex 

내 앱은 사용자 인증에 Firebase API를 사용하여 로그인 상태를 Vuex 상태에 부울 값으로 저장합니다. 사용자가 로그인 하면 로그인 상태를 설정하고 그에 따라 로그인 / 로그 아웃 버튼을 조건부로 표시합니다. 그러나 페이지를 새로 고치면 vue 앱의 상태가 손실되고 기본값으로 재설정됩니다. 사용자가 로그인하고 페이지를 새로 고쳐도 로그인 상태 가 다시 거짓으로 설정 …

106 vue.js  vuejs2  state  vuex 

내 Vue 구성 요소는 다음과 같습니다. <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> 결과 {{ item.total }}는 26000000 하지만 다음과 같이 포맷하고 …

85 vue.js  vuejs2  vue-component  vuex