プロパティまたはメソッド「MSG」のインスタンスで定義されたが、VUEとVuexを試しながらレンダリング

Question

中に参照されていない、私は次のエラーメッセージつまずい主にmsgがdataのコードに定義されているためです。おそらくVuexとは直接関係しませんが、私はVuexを使い始めたときにしか直面しませんでした。

main.js：

import Vue from 'vue' 
import App from './App.vue' 
import { store } from './store.js' 

Vue.component('app', App); 

var vApp = new Vue({ 
    el: '#app', 
    store, 
    render: h => h(App), 
}) 

App.vue：

<template> 
    <div id="app"> 
    <div v-text="msg"></div> 
    <input id="name-b" class="input" v-model="nameB" type="text" placeholder="Name B"> 
    </div> 
</template> 

<script type = "text/javascript"> 
    module.exports = { 
    name: 'app', 
    data() { 
     return { 
     msg: 'boooo' 
     } 
    }, 
computed: { 
    return { 
    nameB: { 
     get() { 
      this.$store.state.nameB 
     }, 
     set(value) { 
      this.$store.commit('setName', value); 
     } 
    }, 
    } 
</script> 

<style> 
</style> 

store.js：

import Vue from 'vue'; 
import Vuex from 'vuex'; 

Vue.use(Vuex); 

export const store = new Vuex.Store({ 
    state: { 
    nameB: '', 
    }, 
    mutations: { 
    setName: function(state, name) { state.locationName = name}, 
    }, 
}); 

おかげ

は、ここに私のコードです。

Answer 1

問題を解決しました。 これは中括弧の問題で、computedのreturnが必要ではありません。

これは混乱するエラーメッセージです。