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理解及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08解決iview多表頭動態(tài)更改列元素發(fā)生的錯誤的方法
這篇文章主要介紹了解決iview多表頭動態(tài)更改列元素發(fā)生的錯誤的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11解決nuxt頁面中mounted、created、watch執(zhí)行兩遍的問題
這篇文章主要介紹了解決nuxt頁面中mounted、created、watch執(zhí)行兩遍的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11微前端qiankun主應(yīng)用與子應(yīng)用之間的跳轉(zhuǎn)示例
這篇文章主要為大家介紹了微前端qiankun主應(yīng)用與子應(yīng)用之間的跳轉(zhuǎn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08