Vuexを使おうとしているのですが、ページが真っ白となってしまい、表示ができません。
エラーとしては、「ReferenceError: Vue is not defined」が出力されています。
Vuexの質問というより、Vue.jsの質問な気がしてしまいますが。。。
ストア用のJSです。
js
1import Vuex from 'vuex' 2Vue.use(Vuex); 3 4// ストア 5const store = new Vuex.Store({ 6 state: { 7 msg: 'Vuex入門' 8 } 9});
Viewです。
vue
1<template> 2 <div id="sample"> 3 <h2>{{getMessage}}</h2> 4 </div> 5</template> 6 7<script> 8 export default { 9 name: 'sample', 10 computed:{ 11 getMessage(){ 12 return this.$store.state.msg 13 } 14 } 15} 16</script>
main.jsです。
js
1import Vue from 'vue' 2import App from './App.vue' 3import router from './router' //追加 4import store from './store/mainStore1'; 5 6Vue.config.productionTip = false 7 8new Vue({ 9 router, //追加 10 render: h => h(App), 11 store 12}).$mount('#app')
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/15 09:54