vuex学习之路之出现的错误一

最新推荐文章于 2025-05-18 20:43:45 发布

Dear_Mr

最新推荐文章于 2025-05-18 20:43:45 发布

阅读量6.9k

点赞数 3

分类专栏： Vue.js 文章标签：前端 vue-js vuex error

本文链接：https://blog.csdn.net/Dear_Mr/article/details/75729649

版权

Vue.js 专栏收录该内容

32 篇文章

订阅专栏

vuex学习之路之出现的错误一

关于vuex是什么，怎么用的问题？参考这里

控制台报出的错误是”TypeError: Cannot read property ‘state’ of undefined”，具体如下所示：

这里写图片描述

代码如下所示：

    import store from '../vuex/store'
    import {mapState} from 'vuex'
    export default {
        name : 'login',
        //....
        computed :  mapState({
          age : state => state.age,
        }),
    }

之后才发现了在这个组件中并不存在store这个属性，所以需要将store属性存入

    import store from '../vuex/store'
    import {mapState, mapGetters, mapActions} from 'vuex'
    export default {
        name : 'login',
        store,
        data() {
        },
        methods : {
            clearTips() {
                $('.err').text('');
            }   
        },
        computed :  mapState({
          age : state => state.age,
        })
    }