require模块管理 通过hashchange事件 模拟Vue中的路由

Route.js

define([],function () {
    function Route(option) {
        this.routes = option.routes;
        this.init();
    }
    Route.prototype = {
        constructor:Route,
        init(){
            let _that = this;
            window.addEventListener("hashchange",function () {
                let hash = location.hash.substring(1)
               let route= _that.routes.find(item=>{
                    return item.path == hash;
                })
                if (route) {

                    route.component();
                }
            })
        }
    }
    return Route;
})

 

 route.js

define(['Router','salesman/Salesman','salesman/addsalesman'],function (Route,Salesman,Addsalesman) {
    let route = new Route({
        routes:[
            {
            path:'/salesman',
            component:Salesman
             },
            {
                path:'/salesman/addsalesman',
                component:Addsalesman
            }
        ]
    })
})

app.js

require.config({
    baseUrl:'js',
    paths:{
        jquery:"lib/jquery-3.3.1",
        service:"../service"
    }
})

require(["jquery",'route'],function ($,route) {


})