我們在經常用到一些數據的時候會用到vuex,那么vuex應該怎樣使用呢
1.首先我們需要在src里創建一個文件夾和文件,router/index.js,而正常情況下都放在index文件中會造成代碼太大,導致不好管理,所以還需要另外創建文件夾,用來存放分類的一些數據,
2.在vuex設置好數據以后,需要在main.js中引用index.js,記得還要在下面注冊哦,
Vue.config.productionTip = false
// 引入vuex
// import store from "./store/index"
new Vue({
render: h => h(App),
store,
router,
}).$mount('#app')
此時我們可以在vue的文件中通過下面的方法打印出來一些數據,里面有一個dispatch的方法。使用axios引入數據要記得安裝--main.js引入--index.js倉庫里引入
created(){
console.log(this.$store)
},
3.此時我們可以通過下面的方式打印出來數據了
created(){
// console.log(this.$store)
this.$store.dispatch("getCityList") //getCityList為vuex倉庫里面action里面的方法的名字
},