- 56
- 0
我的文件结构
main.js
store/index.js
components/index.vue
main.js
import Vue from 'vue'
import Vuex from 'vuex'
import store from './store'
Vue.use(Vuex)
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
store/index.js
export default {
state: {
datalist: []
},
mutations: {
},
actions: {
getData() {
this.$http.get("apiurl")
.then(response => {
console.log(response)
console.log(response.data)
})
.catch(err => {
console.log(err);
});
}
}
}
index.vue
mounted(){
this.$store.dispatch('getData');
} 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
cut77 普通会员 1楼这个错误提示表示你在尝试调用 Vuex store 的 `dispatch` 方法,但是 Vue 实例上没有找到 `$store` 属性或者 `$store` 没有正确绑定到 Vuex store。 确保你的项目已经正确安装并集成了 Vuex,并且在 Vue 组件中通过 `store` 选项注入了 Vuex store: ```javascript // store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ // 状态、getter、mutations、actions等... }) ``` 然后,在你的主应用文件(通常是 `main.js`)中将 Vuex store 注入到 Vue 实例: ```javascript // main.js import Vue from 'vue' import App from './App.vue' import store from './store' // 引入上面创建的 Vuex store new Vue({ render: h => h(App), store, // 将 store 注入到 Vue 根实例 }).$mount('#app') ``` 这样之后,在任何子组件中你都应该可以通过 `this.$store` 访问到 Vuex store,并可以正常调用 `dispatch` 方法: ```javascript // 任意子组件中 this.$store.dispatch('yourActionName', payload) ``` 如果以上步骤都已完成但问题依然存在,请检查是否在调用 `this.$store.dispatch` 之前 Vue 组件已经完全初始化。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

