coderklaus

在Vue中路由可以分为像/about 这样的静态路由和 /users/:userId 这样的动态路由 动态路径参数正则 在某些情况下，我们可能需要根据参数的内容来区分两个路由 这两个路由都可以匹配类似

有时候我们会有多个路由，它们的 URL 形式可能不完全相同，但是它们的功能或者需要渲染的内容是相同的，因此这些路由都需要映射到同一个组件上进行处理 在这种情况下，我们可以使用 Vue Router 的

Vue Router是Vue官方提供的，用于实现客户端路由导航的插件，通过Vue Router，我们可以在不刷新页面的情况下，轻松实现路由导航。

访问路由和当前路由 在 setup 中，并不存在this关键字，取而代之的是使用 useRouter 和 useRoute 函数来访问路由对象和当前路由信息

有时候，进入某个路由后，需要从服务器获取数据。我们可以通过导航完成之后获取和导航完成之前获取这两种方式来实现

在Vue的路由系统中，可以在定义路由时，在路由配置对象中添加一个名为`meta`的属性，用于存储路由元数据 通过meta属性可以在路由对象上附加一些额外的信息，比如过渡名称、路由访问权限等

路由守卫（Route Guard）是在路由切换时执行的一些特定函数，这些函数可以在路由导航的不同阶段被调用，以执行特定的逻辑来控制和管理路由的切换

指令 指令以@开头，符合CSS语法规则，目的是为了为Tailwind CSS项目提供特殊功能 @tailwind 使用@tailwind指令为项目提供Tailwind的基础样式、组件样式、实用程序样式

Tailwind 从根本上设计为可扩展和可定制，所以可以很方便的进行样式的扩展和自定义 自定义主题 可以通过tailwind.config.js 文件的 theme 部分对功能类对应的值进行自定义操作