vue前端基础开发2

simile_meng

于 2023-07-01 23:40:04 发布

阅读量46

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/simile_meng/article/details/131496047

版权

本文介绍了在Vue.js中进行前端基础开发的过程，包括完成基本的页面跳转后，如何构建业务界面的框架代码，以及在index.js中组织和管理这些代码。对于多个框架文件的组织，建议使用多个index.js来区分和管理不同的业务模块。此外，还提到了登录功能的实现和登录时的筛选逻辑。

摘要由CSDN通过智能技术生成

做完基础的跳转后我们就开始写业务界面：

业务界面基础框架代码，改代码一样放在vue中的index.js,如果像多几个框架文件的话可以多创建几个index.js文件登录，登录时筛选：

export const asyncRoutes = [
  {
    path: "/system",
    component: Layout,
    redirect: "/system/user",
    name: "sysManage",
    meta: { title: "模板下载", icon: "sys", roles: ["aaa"] },
    children: [
      {
        path: "user",
        name: "user",
        component: () => import("@/views/sys1/user"),
        meta: { title: "不动产转移模板", icon: "userManage" },
      },
      {
        path: "role",
        name: "role",
        component: () => import("@/views/sys1/role"),
        meta: { title: "不动产证书", icon: "roleManage" },
      },
    ],
  },
  {
    path: "/product",
    component: Layout,
    redirect: "/product/test1",
    name: "product",
    m