梦学谷后台管理系统总结(一)

最新推荐文章于 2021-05-06 07:34:02 发布

@笑对人生@

最新推荐文章于 2021-05-06 07:34:02 发布

阅读量141

点赞数

分类专栏：前端面试题文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/weixin_55808645/article/details/116406472

版权

前端面试题专栏收录该内容

19 篇文章 1 订阅

订阅专栏

项目技术栈

vue
vuex
vue-router
element-ui
axios

项目模块化

登录前：

登录后：

登录模块

未登录前：
在这里插入图片描述

用户首页模块

登录后的界面：
在这里插入图片描述

项目总结(一)：

登录需要鉴权操作，防止他人入侵。
element的按需引入是有必要的，减少占用资源方便打包，让项目能够高效推广。
相关代码：

import Vue from 'vue';
import 
{ 
    Input,
    Button,
    Menu,
    MenuItem,
    Submenu,
    Carousel,
    CarouselItem,
    Breadcrumb,
    BreadcrumbItem,
    Tabs,
    TabPane,
    Pagination,
    Dialog,
    Form,
    FormItem,
    Notification,
    Popconfirm,
    Popover,
    TableColumn,
    Table,
    InputNumber,
    Image,
    Checkbox
} from 'element-ui'
Vue.use(Input)
Vue.use(Button)
Vue.use(Menu)
Vue.use(MenuItem)
Vue.use(Submenu)
Vue.use(Carousel)
Vue.use(CarouselItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Popconfirm)
Vue.use(Popover)
Vue.use(TableColumn)
Vue.use(Table)
Vue.use(InputNumber)
Vue.use(Image)
Vue.use(Checkbox)
Vue.prototype.$notify = Notification