在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里面的方法的名字
},
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本