Vue3 学习笔记
记录一下 Vue3 的学习笔记。
Vue3 核心语法
点击跳转 至 Vue3 核心语法Vue3 路由
点击跳转 至 Vue3 路由本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 下雨の波比！
相关推荐
2024-12-26
Vue3 核心语法
Vue3 核心语法围绕响应式系统、组件化开发和组合式 API 创建，通过 <script setup> 简化模板编写，利用 ref 和 reactive 实现数据的响应式绑定，借助 computed 和 watch 处理派生数据和副作用。此外，Vue3 引入了更强大的生命周期钩子，大幅提升了开发效率和应用性能。 OptionsAPI 与 CompositionAPI Vue2 的 API 设计是 Options （配置）风格的 Vue3 的 API 设计师 Composition （组合）风格的 Options API 用于 Vue2 及之前的版本，通常用于组织 Vue 组件的代码。Options API 将一个组件分割成了几个部分，如data、computed、methods、watch等，使得组件的逻辑可以分而治之，易于理解和维护。但随着项目的复杂度增加，Options API 逐渐显示出一些不足之处，如代码重复、逻辑难以复用等。 Composition API 是 Vue3 引入的全新特性，它使用一种全新的方式来组织 Vue 组件的代码。与 Options...
2024-12-26
Vue3 路由
Vue3 的路由系统 vue-router 是构建单页面应用（SPA）的核心工具，支持 hash 和 history 两种工作模式，提供无刷新的 URL 变化。它允许通过字符串路径或路径对象两种方式定义路由链接，并且支持嵌套路由来创建分层视图结构。vue-router 提供了灵活的路由传参机制，包括 query 参数和 params 参数，以及通过 props 配置直接将路由参数传递给组件的能力。replace 方法和属性使得在不添加新历史记录条目的情况下进行导航成为可能，而编程式路由导航则允许开发者通过 JavaScript 代码控制页面跳转，结合导航守卫实现复杂的导航逻辑。 综上，vue-router 不仅功能丰富，灵活高效，而且通过组合式 API 和简洁的设计，简化了路由管理和导航控制，适用于从简单到复杂的各种 Web 应用程序开发需求。 概述在 Vue 框架中，路由（route）是指一组键值对（key-value）的关系，它将 URL 路径与特定的组件关联起来。多个路由规则通常由一个称为路由器（router）的管理器来处理，这个管理器负责根据当前的 URL...
