VUEX采坑之路之獲取不到$store的解決方法
更新時間：2019年11月08日 15:14:32 作者：竹春
今天小編就為大家分享一篇VUEX采坑之路之獲取不到$store的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
今天在寫vuex的時候遇到了一個特別無語的問題，找了半個小時才找到這個問題，所以貼出來，大家在遇到和我一樣的問題的時候不會太過慌張
在第一次寫vuex的時候無論如何獲取不到$store，后來找了好久才發(fā)現(xiàn)是我給全局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的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue子組件設(shè)計provide和inject理解使用
這篇文章主要為大家介紹了vue子組件設(shè)計provide和inject理解及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要介紹了vue?css?相對路徑導(dǎo)入問題級踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
動態(tài)綁定是我們?nèi)粘ｉ_發(fā)中經(jīng)常遇到的一個需求，下面這篇文章主要給大家介紹了關(guān)于vue動態(tài)綁定圖標(biāo)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2021-05-05
這篇文章主要介紹了Vue項目開發(fā)常見問題和解決方案總結(jié)，幫助大家更好的利用vue開發(fā)，感興趣的朋友可以了解下2020-09-09
解決iview多表頭動態(tài)更改列元素發(fā)生的錯誤的方法
這篇文章主要介紹了解決iview多表頭動態(tài)更改列元素發(fā)生的錯誤的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
路由這個概念最先是后端出現(xiàn)的,下面這篇文章主要給大家介紹了關(guān)于vue前端路由以及vue-router兩種模式的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
解決nuxt頁面中mounted、created、watch執(zhí)行兩遍的問題
這篇文章主要介紹了解決nuxt頁面中mounted、created、watch執(zhí)行兩遍的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)登陸跳轉(zhuǎn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)數(shù)據(jù)請求攔截，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
微前端qiankun主應(yīng)用與子應(yīng)用之間的跳轉(zhuǎn)示例
這篇文章主要為大家介紹了微前端qiankun主應(yīng)用與子應(yīng)用之間的跳轉(zhuǎn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08