单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-09-16 f2aadae922b9829a3cbc6b465dc220c11a2e5b8a
src/router/index.ts
@@ -1,29 +1,41 @@
// router/index.ts
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import Home from '../views/Home.vue'; // 假设这是你的主页组件
import deviceWindows from '../views/deviceWindows.vue'
// import Home from '../views/Home.vue'; // 假设这是你的主页组件
// import deviceWindows from '../views/deviceWindows.vue'
import deviceWindows2 from '../views/deviceWindoes2.vue'
// import Search from '../views/Search.vue'; // 搜索结果页,接收查询参数
import test from '../views/test.vue'; // 搜索结果页,接收查询参数
import registerForNutrition from '../views/register/index.vue'
import registerSuu from '../views/registerSuu/index.vue'
import bedsideAuxiliaryScreen from '../views/mobile/bedsideAuxiliaryScreen/index.vue';
// 定义路由规则,并为每个路由指定类型安全的 props
const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: deviceWindows2,
    component: bedsideAuxiliaryScreen,
  },
  {
    path: '/deviceWindows/:deviceid',
    name: 'deviceWindows',
    component: deviceWindows,
    path: '/test2',
    name: 'test2',
    component: bedsideAuxiliaryScreen,
  },
  {
    path: '/test',
    name: 'test',
    component: test,
    props: true, // 路径参数将作为 props 传递给组件
  },
//   {
//     path: '/search',
//     name: 'Search',
//     component: Search,
//     props: (route) => ({ query: route.query.q as string }), // 将查询参数 q 作为 prop 传递给组件
//   }
  {
    path: '/registerForNutrition',
    name: 'registerForNutrition',
    component: registerForNutrition
  },
  {
    path: '/register-success',
    name: 'registerSuu',
    component: registerSuu
  }
];
// 创建路由器实例,并指定类型