这个关键字在vuex中是保留的答案

【问题标题】：This keyword is reserved in vuex这个关键字在vuex中是保留的
【发布时间】：2019-03-12 08:09:10
【问题描述】：

我有一个带有 app.js 的 laravel 应用，其中包含：

require('./bootstrap');

window.Vue = require('vue');

import { store } from './store/store'

import Sidebar from './Sidebar'

Vue.component('sidebar', Sidebar)    

const app = new Vue({
    store: store,
    el: '#root'
});

Store.js 包含：

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

Vue.use(Vuex)


export const store = new Vuex.Store({
    state: {
        menu: ['one', 'two']
    }
});

侧边栏包含：

export default {
        computed: {

            routes() {
                return {
                    this.$store.state.menu;
                }
            }
        }
    };

我运行 npm run dev 并得到错误“this”是保留字：

我在这里做错了什么？

【问题讨论】：

好吧return { this.$store.state.menu; } 是一个语法错误；你的意思是什么？
请显示你的 webpack 配置和 babelrc。
哈，@Pointy 我错过了）））
可能是return this.$store.state.menu; 或return { "something" : this.$store.state.menu }
@Pointy 自从你发布后我一直在看你的评论，但我仍然花了 4 分钟才看到它：o

标签： javascript laravel vue.js vuex

【解决方案1】：

export default {
        computed: {

            routes() {
                   return this.$store.state.menu;//returning as array
            }
        }
    };

或

export default {
        computed: {

            routes() {
                   return { 'menu':this.$store.state.menu};//returning as object
            }
        }
    };

【讨论】：