vue-vuex 모듈 액세스 데이터

1. store 파일 아래에 새 파일 print를 만듭니다.js, 다음 코드 쓰기

/**
     *     **   
     * **/
    
    // initial state
    const state = {
        all: { 
            ID:'',
            BrandID:''
        }
    }
    
    // getters
    const getters = {}
    
    // actions
    const actions = {}
    
    // mutations
    const mutations = {
        setPrint(state, all) { //    
            state.all = all;
        }
    }
    
    export default {
        namespaced: true,
        state,
        getters,
        actions,
        mutations
    }

주의:store 아래에 있는 index를 기억하세요.js 파일에 이 파일 가져오기

   import Vue from 'vue';
	import Vuex from 'vuex';
	import print from './module/print';
	const debug = process.env.NODE_ENV !== 'production';
	Vue.use(Vuex);
    export default new Vuex.Store({
    modules: {
            print
    },
    strict: debug,  //      
        plugins: debug ? [createLogger()] : []
    })

2. 데이터를 vuex에 저장(데이터를 저장할 페이지에 쓰기)

 this.$store.commit("print/setPrint", {  //print   vuex    
       ID: this.ID,
       BrandID: 402
    });

3. vuex에서 데이터를 꺼내서 사용(사용할 페이지에 쓰기)

  import { mapState, mapActions } from "vuex";
    computed: {
        ...mapState({
             print:state=>state.print.all
        })
      }

사용된 곳에 다음 코드를 직접 쓰면 됩니다.

 this.CreateID = this.print.ID;
    this.GoodsID = this.print.BrandID;

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

프런트엔드 성능

5).브라우저는 서버에서 응답을 받은 후 데이터를 해석하여 실행합니다. 우리가 요청한 네트워크 파일에 많은 그림이 필요할 때 브라우저는 서버와 자주 연결되고 연결을 해제합니다. 이것은 시간이 많이 걸리고 성능 부담이...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

vue-vuex 모듈 액세스 데이터

1. store 파일 아래에 새 파일 print를 만듭니다.js, 다음 코드 쓰기

2. 데이터를 vuex에 저장(데이터를 저장할 페이지에 쓰기)

3. vuex에서 데이터를 꺼내서 사용(사용할 페이지에 쓰기)

좋은 웹페이지 즐겨찾기