小编joh*_*hnm的帖子

VueJS:如何在组件数据属性中引用this。$ store

我想在我的应用程序和模板中使用Vuex存储数据。

我的Veux商店:

var Vue = require('vue');
var Vuex = require('vuex');

Vue.use(Vuex)

let store = new Vuex.Store({
        state: {
            user: {},
        },
    }
}
module.exports = store
Run Code Online (Sandbox Code Playgroud)

我想在我的应用程序中使用存储数据并将其显示在模板中。但是,在data属性中设置数据时this.$storeundefined。但是,我可以在beforeRender函数中访问它:

var Vue = require('vue'),
store = require('../../link/to/my/store');

module.exports = {
    el: '#selector',

    store,

    components: {},

    data: {
        saving: false,
        user: this.$store.state.user // this.state is not available here
    },

    created: function(){},
    beforeCreate: function() {

        console.log(this.$state.state) // this.$state is available here

        // i get my data in …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuex

5
推荐指数
1
解决办法
4770
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1

vuex ×1