VUEX采坑之路之获取不到$store的解决方法


Posted in Javascript onNovember 08, 2019

今天在写vuex的时候遇到了一个特别无语的问题,找了半个小时才找到这个问题,所以贴出来,大家在遇到和我一样的问题的时候不会太过慌张

在第一次写vuex的时候无论如何获取不到$store,后来找了好久才发现是我给全局VUE注入的时候注入的是Store而非store

这一个字母之差看上去可能没什么问题,可就是获取不到全局的$store;

代码奉上

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import font from './static/js/font.js';
import './static/scss/animate.css'
Vue.config.productionTip = false
import Store from './store/store.js';
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
Store,
components: { App },
template: '<App/>'
})

我之前就是这么写的,所以一直出不来,可是逻辑根本没有问题

之后我把大写的S换成了小写的s就出来了

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import font from './static/js/font.js';
import './static/scss/animate.css'
Vue.config.productionTip = false
import store from './store/store.js';
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})

以上这篇VUEX采坑之路之获取不到$store的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
区分JS中的undefined,null,&quot;&quot;,0和false
Mar 08 Javascript
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
angular2 NgModel模块的具体使用方法
Apr 10 Javascript
JavaScript中的null和undefined用法解析
Sep 30 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 #Javascript
Vue打包后访问静态资源路径问题
Nov 08 #Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 #Javascript
js 对象使用的小技巧实例分析
Nov 08 #Javascript
JS对日期操作封装代码实例
Nov 08 #Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 #Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 #Javascript
You might like
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
linux下php上传文件注意事项
2016/06/11 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python 中Arduino串口传输数据到电脑并保存至excel表格
2019/10/14 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
材料物理专业大学毕业生求职信
2013/10/15 职场文书
上课迟到检讨书
2014/01/19 职场文书
yy司仪主持词
2014/03/22 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
施工员岗位职责
2015/02/10 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
Python实现日志实时监测的示例详解
2022/04/06 Python
宝塔更新Python及Flask项目的部署
2022/04/11 Python