从0到1完成一个Vue后台管理项目（二、使用element-ui）

创始人

2024-05-07 04:50:18

0次

从0到1完成一个Vue后台管理项目（一、创建项目）

1.全局引入

下载element-ui

cnpm i element-ui -S

在这里插入图片描述

main.js里引入

在这里插入图片描述

这里需要注意的是，我们引入的顺序不能错，一定要按照我这个箭头的顺序来

使用

在这里插入图片描述
然后我们按照文档正常使用即可
element-ui官方文档

按需引入

下载babel

我们需要先下载一个编译的插件

cnpm i babel-plugin-component -D

在这里插入图片描述

配置babel.config.js

如果没有的话，新建一个babel.config.js文件即可
在这里插入图片描述
这里的方式，在element-ui的官网有教程

照着来就行

新建element的配置文件

在这里插入图片描述
我们既然按需引入了，就不要在main.js直接用，我们将其抽离出来

1、src下新建plugins文件夹
2、plugins文件夹新建element.js

在这里插入图片描述
然后我们在main.js里将这个文件夹引入即可

然后我们每使用一个组件，在element.js里进行注册就可以了，虽然麻烦，但是正常项目都是这么做的，减少项目打包后的体积

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：2023年春节跨年烟花网页特效

下一篇：Hadoop高手之路9-Azkaban工作流管理器

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...

Windows10添加群晖磁盘... 在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。通过...

protocol buffer... 目录目录什么是protocol buffer 1.protobuf 1.1安装 1.2使用...

在Word、WPS中插入AxM... 引言我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...

【PdgCntEditor】解... 一、问题背景大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...

Fluent中创建监测点 1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据࿰...

educoder数据结构与算法... ...

MySQL下载和安装（Wind... 前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...

修复爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...

MFC文件操作 MFC提供了一个文件操作的基类CFile，这个类提供了一个没有缓存的二进制格式的磁盘...