js对象函数的一点理解

前端vue

<el-table :data="recentJobList" style="width: 100%">
            <el-table-column prop="name" label="name" width="280">
            </el-table-column>
            <el-table-column prop="startDate" label="startDate" width="500">
            </el-table-column>
            <el-table-column prop="endDate" label="endDate" width="500">
            </el-table-column>
            <el-table-column prop="elapsed" label="Elapsed" width="300">
            </el-table-column>
            <el-table-column prop="status" label="Status">
            </el-table-column>
        </el-table>

computed:{
            ...mapGetters(['recentJobList'])
        },

vuex层

const state = {
    recentJob_list:  []


};

//getter 抛出去的数据  给组件dashboard拿state用
const getters = {
    recentJobList : state => state.recentJob_list,
};

recentJobList()这是函数调用会返回函数执行结果, @click={{recentJobList}} 这是把 recentJobList 赋值为 click 的事件处理函数
这里意思就是 computed是自动的 触发为函数 recentJobList是一个属性名 不是一个方法 所以写{{recentJobList（）}}是错的
https://segmentfault.com/q/1010000016052834