2203_75550521的博客

基础配置：创建路由实例、挂载路由、路由出口路由导航：声明式（）和编程式（useRouter参数传递：Query（查询参数）和 Params（动态路由参数）嵌套路由：通过children配置子路由，预留子路由出口性能优化：路由懒加载减少初始加载体积权限控制：通过路由守卫实现登录验证、权限校验。

在 Vue 开发中，父子组件数据通信是高频需求。Vue3 相比 Vue2 提供了更灵活的传参方式，本文将系统梳理 5 种核心方案，并结合实战案例说明适用场景，帮你避开传参误区。

computed是 “数据加工机”，专注于数据计算与缓存；watch是 “精准哨兵”，专注于特定数据的变化监听；是 “智能管家”，专注于自动追踪依赖的副作用执行。

新项目：优先选择 Vite，享受极速开发体验，减少配置成本旧项目迁移：使用 Vue-CLI 平滑过渡，逐步迁移到 Vue3 特性团队协作：统一工具链（建议 Vite + TypeScript），提升协作效率。

组合式 API 的核心优势之一是逻辑复用—— 通过自定义组合函数（Composables），将通用逻辑封装为可复用的函数，替代 Vue2 中的mixin。示例：封装一个计数器组合函数return {count,increment,decrement,组件中使用// 调用组合函数，获取响应式数据和方法</script>对比mixin的优势逻辑来源清晰：通过函数调用明确使用的逻辑，避免mixin的 “黑盒” 问题无命名冲突：每个组件调用函数时生成独立实例，不会覆盖属性。

Vue3 基于Proxy的响应式系统，从根本上解决了 Vue2 的诸多局限，支持更全面的数据类型和更灵活的监听方式。ref和reactive作为对外暴露的 API，分别针对不同数据类型提供简洁的使用方式。理解响应式系统的底层原理，不仅能帮助你正确使用refreactive，还能在遇到响应式相关问题时快速定位原因，提升开发效率。

/创建命令//切换到当前vue项目cd 你的项目名称//下载node启动文件npm install (也可以写为npm i)//运行Vue这些就是创建Vue的基本指令了，接下来我将详细说明在pycharm当中应该如何创建一个Vue3项目。首先我们需要右键点击项目，然后进入终端输入指令。然后如图输入指令即可：后面一直按回车键我们就会出现三条指令，就是我们上面说的指令，直接复制在终端输入即可启动我们的Vue3项目。