将初始值从wordpress传递到vuex

我正在使用vuejs在wordpress站点上构建自定义分类登录页。 我正在使用vuex进行状态管理，但目前遇到了一个问题。对于像“slug”这样的少数变量，我不知道如何将初始值传递给存储。我正在使用wp_localize_脚本从wordpress发送值，但vuejs无法识别该变量

Archive.php

wp_register_script( 'archive-vue-chunk', THEME_JAVASCRIPT_URI . '/archive_js/dist/assets/chunk-vendors.js',array('site-2017'),null,true);
wp_register_script( 'archive-vue', THEME_JAVASCRIPT_URI . '/archive_js/dist/assets/app.js',array('archive-vue-chunk'),null,true);
$term  = get_queried_object();
$slug  = $term->slug; 

wp_localize_script ( 'archive-vue', 'initialvaluestovue', array (
    'ajaxurl' => admin_url ( 'admin-ajax.php' ),
    'slug'    => $slug 
    ) );

main.js

import Vue from 'vue'
import Archive from './Archive.vue'
import store from './store'


Vue.config.productionTip = false 

new Vue({
  store,
  render: h => h(Archive),
  propsData:{ initialvaluestovue }
}).$mount('#archive_using_vuejs')

new Vue({
store,
 render: h => {
   const context = {
   props: {
     initialvaluestovue : window.initialvaluestovue
   }
 };
 return h(Archive, context)
}   
}).$mount('#archive_using_vuejs')

非常感谢您的帮助。

---

谢谢

我将main.js更改为以下内容，并能够在Archive.vue中获得值

<template>
<div class="layout">{{initialvaluestovue}}</div>
</template>


<script>
export default {
name: 'Archive',    
props:{
    initialvaluestovue:{
        type: Object
    }
 }
}
</script>

main.js

import Vue from 'vue'
import Archive from './Archive.vue'
import store from './store'


Vue.config.productionTip = false 

new Vue({
  store,
  render: h => h(Archive),
  propsData:{ initialvaluestovue }
}).$mount('#archive_using_vuejs')

new Vue({
store,
 render: h => {
   const context = {
   props: {
     initialvaluestovue : window.initialvaluestovue
   }
 };
 return h(Archive, context)
}   
}).$mount('#archive_using_vuejs')

我能够在archive.vue中显示pass对象

<template>
<div class="layout">{{initialvaluestovue}}</div>
</template>


<script>
export default {
name: 'Archive',    
props:{
    initialvaluestovue:{
        type: Object
    }
 }
}
</script>

Archive.vue

<template>
<div class="layout">{{initialvaluestovue}}</div>
</template>


<script>
export default {
name: 'Archive',    
props:{
    initialvaluestovue:{
        type: Object
    }
 }
}
</script>

{{initialvaluestovue}}
导出默认值{
名称：'存档'，
道具：{
initialvaluestovue：{
类型：对象
}
}
}