Vue2与Vue3路由钩子对比摘要：Vue2采用选项式API，包含beforeRouteEnter/Update/Leave三个钩子，需显式调用next()；Vue3改用组合式API，以onBeforeRouteUpdate/Leave函数形式使用，移除next参数，支持async/await。主要区别包括：Vue3钩子可组合复用、提供更好的TS支持、beforeRouteEnter需用其他方式替

本文系统梳理了HTTP/HTTPS的核心知识点，涵盖HTTP基础概念、请求响应流程、报文结构、请求方法、状态码、版本演进等。重点解析了HTTPS的加密原理和SSL/TLS握手流程，对比HTTP与HTTPS的安全差异。详细介绍了HTTP缓存机制（强缓存/协商缓存）和浏览器缓存策略，并解释了跨域问题的成因及同源策略。内容全面深入，是前端开发者必备的网络协议知识体系，对面试准备和实际开发都具有重要指导意

Vue 3组合式API中构造函数与普通函数的核心区别在于调用方式和执行上下文。构造函数通过new调用，创建实例对象并绑定this；普通函数直接调用，执行过程计算并返回结果。Vue 3更推崇普通函数，因其支持更好的类型推断、代码组织和逻辑复用，如ref()、onMounted()等API都是普通函数。虽然底层仍使用构造函数（如createApp），但已对开发者透明。这种设计降低了认知负担，提高了灵活

Pinia是Vue.js官方推荐的新一代状态管理工具，相比Vuex更加轻量简洁。它摒弃了mutations概念，将同步和异步操作统一放在actions中处理，支持Option和Composition两种API风格。核心功能包括state状态管理、getters计算属性和actions操作方法。Pinia具有完善的类型支持，模块化设计，体积仅1KB左右，且能与Vue Devtools良好集成。使用方

Vue2与Vue3路由钩子对比摘要：Vue2采用选项式API，包含beforeRouteEnter/Update/Leave三个钩子，需显式调用next()；Vue3改用组合式API，以onBeforeRouteUpdate/Leave函数形式使用，移除next参数，支持async/await。主要区别包括：Vue3钩子可组合复用、提供更好的TS支持、beforeRouteEnter需用其他方式替