今日份报错回顾

1. 关于字符串拼接上的问题

在引用方法：new URL(模板字符串 ,import.meta.url).href
模板字符串的拼接不允许使用${ } 进行拼接
要用字符串引引加加的方式。

2. 我这个vue 组件和视频里面的不一样啊

3. useRouter 和 useRoute 的区别是什么呢？

一个是 全局，一个是 当前文件活跃的路由对象 ，对吗？？？

1. useRouter()

• 用途：获取 路由器实例（即整个路由系统的控制中心）

• 返回值：router 实例对象

• 常用功能：

  javascript

  复制

  // 编程式导航（跳转页面）
  router.push("/home")    // 跳转
  router.replace("/login") // 替换当前页面（无历史记录）
  router.go(-1)           // 返回上一页
  
  // 访问全局路由配置
  console.log(router.options.routes) // 查看所有路由配置
  

• 类比：相当于浏览器中的 window.history + 路由配置管理

2. useRoute()

• 用途：获取 当前路由信息（即当前页面 URL 解析后的状态）

• 返回值：route 响应式对象（包含当前路由的详细信息）

• 常用属性：

  javascript

  复制

  route.path        // 当前路径，如 "/city/beijing"
  route.params      // 动态参数，如 { id: 'beijing' }（来自路由配置 /city/:id）
  route.query       // URL 查询参数，如 ?name=foo → { name: 'foo' }
  route.hash        // URL 的 hash 片段（如 #section）
  route.fullPath    // 完整解析后的 URL（包含查询参数和 hash）
  

• 关键特性：route 是 响应式对象，当 URL 变化时，相关属性会自动更新

4. 这个封装的函数看不明白了

5. 这一段的内容，我看不懂哎

这里面的这种遍历的对象语法