본문 바로가기
반응형

vuex6

[Vue3] Vuex 에서 parameter 가 context? {commit}? 기본 파라메터 첫번째 파라메터는 호출할 때 따로 넘기지 않아도 됩니다. fetchQuery(context, param){ return new Promise((resolve, reject) => { axios .post('/user/query', param) .then(r=>resolve(r)) .catch(error => reject(error)) }) } 이렇게 첫번째 paramter 를 context (다른 이름도 가능 ctx 등..) 로 입력하면, 아래의 property 들이 보입니다. state 를 사용하려면 context.state getters 를 사용하려면 context.getters context 가 아니라 { } 를 사용해서 필요한것만 가져올 수도 있습니다. // fetchQuery(co.. 2023. 9. 5.
[Vue] vuex 설치 yarn 사용 시 yarn add vuex npm 사용 시 npm install vuex --save yarn package.json 에 추가된 것 확인. 2023. 8. 20.
[Vue] Vuetify v-treeview select #programmatically v-treeview select from method 코드로 이해하기. template select all select some unselect js new Vue({ el: '#app', vuetify: new Vuetify(), data(){ return { selectionType: 'leaf', selection: [], items: [ { id: 1, name: 'Root', children: [ { id: 2, name: 'Child #1' }, { id: 3, name: 'Child #2' }, { id: 4, name: 'Child #3', children: [ { id: 5, name: 'Grandchild #1' }, { id: 6, name: 'Grandchild #2' }, ], }.. 2021. 1. 14.
[Vue] vuex actions 에서 다른 action 호출하기 actions 에서 다른 action 호출하기 아래와 같은 소스가 있을 때 method_A 에서 method_B를 호출하는 방법은, const state = { something: '' } const mutations = { setSomething (state, message) { state.something = message } } const actions = { method_A({ commit }) { // method_B 호출 commit('setSomething', 'from method A') }, method_B({ commit }) { // .. do something } } 1. method_A 에 파라메터에 dispatch 추가 2. dispatch 를 이용하여 method_B 호출 me.. 2021. 1. 13.
[Vue] vuex actions 에서 mutation, state 사용하기 actions 에서 mutations 호출하기 예제 소스 코드 const state = { something: '' } const mutations = { setSomething (state, message) { state.something = message } } const actions = { method_A({ commit }) { commit('setSomething', 'from method A') } } actions 의 method_A 라는 메소드에 첫번 째 파라메터를 보면 { } 사이에 commit 을 받고 있습니다. 이걸 이용해서 mutations 을 호출합니다. commit('setSomething', 'from method A') --> setSomething(state, messag.. 2021. 1. 13.
[Vue] 예제 #01 카운터(counter) 샘플 소스 + 설명 프로젝트를 직접 생성하지 않고 소스 부분만 보셔도 됩니다. 프로젝트 생성 커맨드 창에서 프로젝트를 생성할 위치로 이동해서 아래 명령어를 실행합니다. 그럼 명령어를 실행한 폴더 아래에 counter 폴더가 생성됩니다. $ vue init webpack-simple counter 그리고 사용하시는 개발 툴로 저 폴더를 열어봅니다. 기본적으로 package.json에 있는 것을 설치해야 하기 때문에, 툴 내 터미널에서 아래 명령어를 날립니다. $ npm install 그리고 vuex 를 사용할 것이기 때문에 터미널에서 아래 명령어로 설치해줍니다. $ npm install vuex 소스 store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) c.. 2020. 12. 24.
728x90
반응형

티스토리툴바