在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