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 ...