前提・実現したいこと
vue.jsのバージョン「2.9.6」を使用しております。
VueCLIを使用して「vue init weebpack my-app」でVueRouterとvuexの構成を作成致しました。
routerフォルダのindex.jsファイルにて「store」へ「commit」にて情報更新を行ないたいと考えております。
「this.$store」にてstore情報へcommitが可能であると考えていたのですが、「undifine」になってしまい参照出来ませんでした。
お手数ですが、問題点など検討が付きましたらアドバイス頂ければと考えております。
main.jsでの宣言
JavaScript
1import Vue from 'vue' 2import Vuex from 'vuex' 3import App from './App' 4import router from './router' 5import axios from 'axios'; 6import 'babel-polyfill' 7import createPersistedState from "vuex-persistedstate"; 8 9Vue.use(Vuex) 10Vue.config.productionTip = false 11 12const initialState = { 13 loading: false, 14} 15 16const store = new Vuex.Store({ 17 state: initialState, 18 mutations: { 19 start(state) { state.loading = true }, 20 end(state) { state.loading = false } 21 }, 22}) 23const vue = new Vue({ 24 store: store, 25 el: '#app', 26 router, 27 components: { App }, 28 template: '<App/>' 29}); 30vue.$forceUpdate();
試したこと
router/index.htmlにて下記のimportを行いました。
「import store from 'vuex'」
下記の呼出を行いましたが、「TypeError: WEBPACK_IMPORTED_MODULE_8_vuex.a.commit is not a function」といったメッセージが出てしまい、commit出きませんでした。
「store.commit('start')」
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/11 14:16