after I successfully logged in to the login page, I put the user information into sessionstorage, and then jumped to the user page, where the components obtained the data in sessionstorage and rendered it, but found that the data was not rendered the first time. I just refreshed it once. Then I printed sessionstorage, in the components of the login page, such as created in nav and mounted, and found that it could be printed even when I logged in for the first time. But the data is not rendered, what is going on, ah, solve?

//
login() {
            console.log("");

            this.$axios
                .post("/auth/login", {
                    // account: this.tel,
                    // password: this.password,
                    account: "11111111111",
                    password: "111111",
                })
                .then(res => {
                    const o = res.data;
                    console.log("ok");
                    this.$notify({
                        title: "",
                        message: "",
                        type: "success",
                    });
                    console.log(o.data);
                    sessionStorage.userInfo = JSON.stringify(o.data);
                    if (o.data.type == 1) {
                        console.log("teacher");         
                        this.$router.push({ path: "teacher" });

                    }else{
                        this.$router.push({ path: "agent" });

                    }
                })
                .catch(err => {
                    console.log(err);
                });
        },

//
export default {
    name: "teaTopNav",
    data() {
        return {
            userInfo: {},
        };
    },

    
    created() {
        console.log("created");
        console.log(JSON.parse(sessionStorage.userInfo));
    },
    mounted() {
        console.log("mounted");
        console.log(JSON.parse(sessionStorage.userInfo));
        this.userInfo = this.GLOBAL.USERINFO;
        console.log(this.userInfo);
    },
    computed: {},

    methods: {
        quit() {
            this.$router.push({ path: "/" });
        },
    },
};