logo头像
Snippet 博客主题

NO Title!

  1. 按需加载antdesign
    不安装babel,分别安装组件和样式
    // import Button from “ant-design-vue/lib/button”;
    // import “ant-design-vue/lib/button/style”;

配置babel后
import { Button } from “ant-design-vue”;

加载全部组件
// import “ant-design-vue/dist/antd.less”;
import Antd from “ant-design-vue”;

  1. 路由配置
    • 包含一个重定向
    • 顶层有个component的布局
    • 子组件采用import的动态引入
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      {
      path: "/user",
      component: () => import("./layout/UserLayout"),
      children: [
      {
      path: "/user",
      redirect: "/user/login"
      },
      {
      path: "/user/login",
      name: "login",
      component: () =>
      import(/* webpackChunkName: "about" */ "./views/User/Login")
      },
      {
      path: "/user/register",
      name: "register",
      component: () =>
      import(/* webpackChunkName: "about" */ "./views/User/Register")
      }
      ]
      },