• 在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里面的方法的名字
       
       },
    
  • 相关阅读:
    MQTT介绍与使用
    SVN的搭建与使用
    Git版本控制之ubuntu搭建Git服务器
    蓝奏云的速度好快
    放大器的定义和主要参数
    模拟信号导论
    模拟电子电路学习笔记
    二极管单向导电的理解
    让蜂鸣器发声
    蜂鸣器的介绍
  • 原文地址:https://www.cnblogs.com/axingya/p/13585581.html
Copyright © 2020-2023  润新知