【Vue3路由小技巧】用Hash模式打造流畅体验！

Hey小伙伴们！👋 今天给大家带来一个Vue3中使用Hash模式路由的实战案例，让你的单页面应用更加流畅！👩‍💻✨

📚 什么是Hash模式？

在Vue Router中，Hash模式是最常见的路由模式之一。它使用URL的哈希部分来跟踪浏览器的历史记录。这意味着你在浏览器地址栏中看到的URL会带有#符号，例如http://example.com/#/home。这种模式的好处在于它不需要服务器的支持，而且在所有浏览器中都能很好地工作。👌

💻 实战案例

接下来，我们来创建一个简单的Vue3应用，使用Hash模式来管理路由。跟着我的步骤走，你会学会如何在Vue3中配置和使用Hash模式路由！👩‍💻✨

1. 初始化项目

首先，我们需要创建一个新的Vue3项目。如果你还没有安装Vue CLI，可以通过以下命令安装：

npm install -g @vue/cli

接着，创建一个新的Vue3项目：

vue create my-app
cd my-app

2. 安装Vue Router

在项目中安装Vue Router：