Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/github/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何在两个Vue根目录之间发送和接收数据?_Vue.js_State_Vuex - Fatal编程技术网

Vue.js 如何在两个Vue根目录之间发送和接收数据?

Vue.js 如何在两个Vue根目录之间发送和接收数据?,vue.js,state,vuex,Vue.js,State,Vuex,app.html plugin.js 我想使用Vuex从从不同文件加载的Vue实例中检索数据。我必须使用这种方法,因为每个页面的插件都是不同的,它们是动态加载的 但是rootState似乎无法获取应用程序的状态,因为根是不同的。是否有办法使用windows、Mixin或其他全局对象或方法访问数据?这两个Vue实例是否在同一页面上?另见《建议》,他使用了同一家商店。但是,在我的例子中,它不使用相同的存储,因为它是从另一个脚本加载的。如果是这样,我是否必须按照建议使用localStorage?如果您

app.html

plugin.js

我想使用Vuex从从不同文件加载的Vue实例中检索数据。我必须使用这种方法,因为每个页面的插件都是不同的,它们是动态加载的


但是rootState似乎无法获取应用程序的状态,因为根是不同的。是否有办法使用windows、Mixin或其他全局对象或方法访问数据?

这两个Vue实例是否在同一页面上?另见《建议》,他使用了同一家商店。但是,在我的例子中,它不使用相同的存储,因为它是从另一个脚本加载的。如果是这样,我是否必须按照建议使用localStorage?如果您想从同一域上的两个独立文件进行通信,可以使用localStorage/sessionStorage/indexedDB相互通信。在一个网站上,你通常只能访问这个页面的数据,而不能访问同一域中任何其他页面的数据。因此,如果此Vue实例加载到另一个HTML页面上,则您无法访问该页面上的任何内容(包括Vuex存储)。
<script defer src='app.js'></script>
<script defer src='plugin.js'></script>

<div id='app'></div>
<div id='plugin'></div>
const store = new Vuex.Store({
    state:{
        hi:'hi'
    }
})

const app = new.Vue({
    el:'#app',
    store
})
const plugin = new.Vue({
   mounted(){
       console.log('How can I get hi in store?')
   }
})