使用vuex usestore 时,出现Parsing error: Unexpected token 错误,请各位指导

各文件内容展示如下,在以下第三个文件的Vue3-009-vuex.vue 中
const res = computed(() => {
return { store.state.name }
})
的store.state.name提示出错:

1.store/index.js 内容如下
import { createStore } from ‘vuex’

export default createStore({
state: {
name: ‘Jack Ma’
},
getters: {
},
mutations: {
},
actions: {
},
modules: {
}
})

2.main.js内容:
import { createApp } from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’
import installElementPlus from ‘./plugins/element’
import createStore from ‘./store/index’

const app = createApp(App).use(createStore)
installElementPlus(app)
app.use(router).mount(‘#app’)

3.Vue3-009-vuex.vue 内容:


sub component

{{ res }}

</div>

4.App.vue 内容:


parent

<button>call </button>

  1. .eslintrc.js 内容:
    module.exports = {
    root: true,
    env: {
    node: true
    },
    extends: [
    ‘plugin:vue/vue3-essential’,
    ‘@vue/standard’,
    ‘eslint:recommended’
    ],
    parserOptions: {
    parser: ‘@babel/eslint-parser’
    },
    rules: {
    ‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’,
    ‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’
    }
    }
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!