Notice: 函数 WP_Scripts::localize 的调用方法不正确$l10n 参数必须是一个数组。若要将任意数据传递给脚本,请改用 wp_add_inline_script() 函数。 请查阅调试 WordPress来获取更多信息。 (这个消息是在 5.7.0 版本添加的。) in /data/www/appblog/wp-includes/functions.php on line 6131

Vue组件中直接获取Vuex状态state数据

account.js

export default {
  state: {
    user: {
      'data': null
      'success': false,
      'timestamp': 0
    }
  },
  mutations: {
    ...
  },
  actions: {
    ...
  }
}

在另一个组件中获取user数据

export default {
  created () {
    let user = this.$store.state.account.user.data
    console.log(user)
  },
}

注:使用$store的前提是在main.js中初始化Vue时加载store/index.js

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store/index.js'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import * as getters from './getters'

import account from './modules/account'

Vue.use(Vuex)
const debug = process.env.NODE_ENV !== 'production'

export default new Vuex.Store({
  getters,
  modules: {
    account
  },
  strict: debug
})
上一篇 Vuex核心概念解析State Getters Mutations Actions
下一篇 Vuex获取this对象及深度state监测