摘要: vite 开发环境中,无需编译,快速冷启动 轻量快速的模块热更新 真正的按需编译,不再等待整个应用编译完成 vite对比webpack webpack是基于entry分析模块及其依赖,最终形成依赖图,最后打包成一个bundle。 然后我们才能打开页面请求本地的dev服务器上的bundle资源 即en 阅读全文
posted @ 2022-02-19 16:56 IslandZzzz 阅读(47) 评论(0) 推荐(0) 编辑
摘要: Vue 路由守卫 router.beforeEach: 全局前置路由守卫,每次切换之前被调用,可以做权限拦截 router.afterEach: 全局后置路由守卫,每次切换之后调用, 可用于切换document.title router.beforeEnter: 独享路由守卫,只有前置,没有后置,写 阅读全文
posted @ 2022-02-19 15:02 IslandZzzz 阅读(976) 评论(0) 推荐(0) 编辑
摘要: 缓存路由组件 keep-alive标签包括,加上include或exclude属性即可 属性值必须和组件的name属性对应 App.vue <template> <div id="app"> <div class="nav"> <router-link class="nav" :to="`/Isla 阅读全文
posted @ 2022-02-19 14:45 IslandZzzz 阅读(18) 评论(0) 推荐(0) 编辑
摘要: Vue 缓存路由组件的生命周期钩子 activated和deactivated activated和deactivated只能用于被keep-alive包裹的路由组件 在切换路由组件时,有的路由组件被keep-alive包裹时,创建和销毁相关的生命周期钩子会失效,这两个钩子就是为了解决这个问题的 < 阅读全文
posted @ 2022-02-19 14:45 IslandZzzz 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 编程式路由导航 主要是以下几个api, 用法参考window.History API this.$router.push this.$router.replace this.$router.forward this.$router.go this.$router.back 阅读全文
posted @ 2022-02-19 14:44 IslandZzzz 阅读(37) 评论(0) 推荐(0) 编辑
摘要: Host 客户端请求的服务器的域名和端口号(其中端口号是可选的,如果没有就根据协议来默认端口号,如http是80,https是443) Referer 请求来源页面的地址,包括协议、域名、端口号、url参数(不包括hash参数) 服务器判断请求来源一般用这个字段 Origin 请求来源于哪个站点。只 阅读全文
posted @ 2022-02-19 14:38 IslandZzzz 阅读(1585) 评论(0) 推荐(0) 编辑