javascript - electron-vue: 設定されたプロパティを保存しますが、レンダリングはしません (VUEX)

Question

皆さん、

electron-vuejs デスクトップ アプリケーション プログラミングを開始しています。私はvuex独学の例を通してどのように機能するかを学んでいます。これが私の問題です：

テンプレートが次のコンポーネントがあります。

<template>                                                                       
<div id="wrapper">                                                             
 <main>                                                                       
  <div class="left-side">                                                    
    <span class="title">                                                     
      <h2>{{ titleName }}</h2>                                               
    </span>                                                                                                             
  </div>                                                                                                                                                 
 </main>                                                                      

対応するスクリプト セクションは次のとおりです。

<script>                                                                        
import { mapState } from 'vuex'                                                 

export default {                                                                
  name: 'game-page',                                                                                                                         
  computed: mapState([ 'titleName' ]) // map this.title to store.state.title    
}  
</script> 

私は次のように存在titleNameする my のプロパティと同じ内容を定義しました:store.js./store/modules/store.js

cont state = {
  titleName: 'Welcome to planet earth'
}

export default {
  state
}

vue-devtoolsコンソールにエラー/警告メッセージが表示されないという意味で、すべて正常に動作します。コンソールでvuex定義されている状態を確認できました。store.jsただし、コンポーネントでタイトルがレンダリングされません。

私の理解ではmapState、ストアからプロパティをフェッチし、コンポーネント内の変数にバインドします。その理解で、私は a を定義しませんでしたがgettr、それは起こっていないようです。

私は何かばかげたことをしている、または明らかな何かを見逃しているに違いありません。この問題のトラブルシューティング/修正方法について、誰かが光を当てることができますか? Vue-2.5.17私が使用しているものです。

編集： これは私のものindex.jsです、

import Vue from 'vue'
import Vuex from 'vuex'
import state from './modules/store.js'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    state
  },
  strict: process.env.NODE_ENV != 'production'
})

私のディレクトリ構造は、

src
├── index.ejs
├── main
│   ├── index.dev.js
│   └── index.js
└── renderer
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── StonePaperScissors
    │   │   └── GameStates.vue
    │   └── StonePaperScissors.vue
    ├── main.js
    ├── router
    │   └── index.js
    └── store
        ├── index.js
        ├── modules
            ├── index.js
            └── store.js