vue vuex模組訪問資料

2021-09-28 23:03:07 字數 1001 閱讀 8479

1.在store檔案下面新建檔案 print.js ,寫入以下**

/**

* 存放 ** 資料

* **/

// initial state

const state =

}// getters

const getters = {}

// actions

const actions = {}

// mutations

const mutations =

}export default

注意:記得在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(,

strict: debug, //開啟嚴格模式

plugins: debug ? [createlogger()] :

})

2.將資料存入vuex中(在要存入資料的頁面寫)
this.$store.commit("print/setprint", );
3.將資料從vuex中取出來使用(在要使用的頁面寫)
import  from "vuex";

computed: )

}

在用到的地方直接寫入以下**即可:

this.createid = this.print.id;

this.goodsid = this.print.brandid;

vue vuex的模組化開發

身為小白的我就不具體介紹vuex模組化的因為所以了,單純是自己看會舒服很多。接下來就給大家奉上小弟修改過很多次的vuex模組化思路。以下便是專案結構 丨 store 丨 modules item.js index.js type.js import vue from vue import vuex ...

vue vuex資料持久化

在做vuex資料儲存中,我們面臨瀏覽器重新整理頁面資料丟失 解決資料丟失,如何持久化需以下幾步 一 npm install vuex persistedstate 二 store index.js中引入 vuex persistedstate import vue from vue import v...

Vue Vuex 更新頁面 Store 資料丟失

vue 在使用 vuex 快取資料的時候,重新整理頁面之後會發現之前存好的資料沒了。這裡我們需要借助 vuex persistedstate 資料持久化外掛程式來實現 npm i s vuex persistedstate安裝之後找到 vuex 初始化的位置 import vue from vue ...