Vue multi-page application, how to transfer objects across pages between different sub-components?

vue multi-page application, one vue object per page, how to pass object type parameters across pages between different sub-components?

Jan.08,2022

you can use vuex to transfer data between different components.


you can pass parameters using localstorage or cookie, and types can handle


1, ide/essentials/passing-props.html" rel=" nofollow noreferrer "> routed parameters
2, vuex
3, and store to localstorage or sessionstorage


.

you can also customize Listener:

class Listener {
    constructor () {
        this.callbacks = []
        this.events = {}
    }
    on (event, callback) {
        var eventPos = this.events[event]
        if (eventPos !== undefined) {
            this.callbacks[eventPos] = callback
        } else {
            this.events[event] = this.callbacks.length
            this.callbacks.push(callback)
        }
    }
    emit (event, res) {
        var eventPos = this.events[event]
        if (eventPos !== undefined) {
            if (this.callbacks[eventPos] instanceof Function) this.callbacks[eventPos](res)
        } else {
            console.error(` ${event}`)
        }
    }
}

export default new Listener()
Menu