在vue中如何引用vuex


我們在經常用到一些數據的時候會用到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里面的方法的名字
   
   },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM