我想在我的应用程序和模板中使用我的Vuexstore 数据.
我的维克斯store :
var Vue = require('vue');
var Vuex = require('vuex');
Vue.use(Vuex)
let store = new Vuex.Store({
state: {
user: {},
},
}
}
module.exports = store
我想在我的应用程序中使用store 数据,并将其显示在模板中.但是,在设置data
属性中的数据时,this.$store
是undefined
.但是,我可以在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 the form of a json string from the dom
// and update the global store with the data
let user = document.querySelector('#user-data')
if (user) this.$store.dispatch('updateUser', JSON.parse(user.innerHTML))
},
methods: {}
}
};
我也try 过计算(computed)属性,但没有效果.