Vue：不同页面之间的共享数据

var app = new Vue({
    el: '#app',
    data: {
        sharedData : ""
    },

    methods: {
        goToPageB: function() {
             if (some condition is met) {
                window.location.href="pageB.html";
                sharedData = 1234;  <------- I want to access sharedData in page B as well
             } 

        } 
    }

我是Vue的新手，我制作了一个虚拟登录页面，并尝试根据用户名使主页显示sharedData。但是，在我的应用程序定向到B页之后，数据始终会丢失。如何解决此问题？