uniapp中如何使用vuex儲存狀態
阿新 • • 發佈:2020-11-24
由於uni-app已經內建了vuex,所以只要正確引入就好了。
1、在專案的根目錄下,建立一個名為store的資料夾然後在該資料夾下建立一個index.js的js檔案
2、在該js檔案下定義公共的資料以及方法函式,並且把它匯出
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {},
mutations: {},
actions: {}
})
export default store
3、在入口檔案即:main.js掛載vuex
import Vue from 'vue'
import App from './App'
//引入vuex
import store from './store'
//把vuex定義成全域性元件
Vue.prototype.$store = store
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App,
//掛載
store
})
app.$mount()
4、在單頁面裡使用vuex
<script> export default { created () { console.log(this.$store) } } </script>
本頁內容引用自如下地址:
連結:https://www.jianshu.com/p/c288b8e6067c