当前位置: 开发笔记 > 前端 > 正文

详解如何在vue项目中引入elementUI组件

作者：Eva绫波_772 | 来源：互联网 | 2022-02-26 07:49

这篇文章主要介绍了详解如何在vue项目中引入elementUI组件,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前提：已经安装好Vue

初始化vue

vue init webpack itemname

运行初始化demo

运行一下初始后的demo，如果没有问题则进行安装elementUI

npm run dev

安装 elementUI

npm i element-ui -S

引入elementUI

在main.js中引入elementUI

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

测试

下面我们来测试一下

在创建header.vue文件，复制一段elementUI的代码

在App.vue中引入header.vue

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

推荐阅读

上传
React 小白初入门

推荐学习：React官方文档：https:react.docschina.orgReact菜鸟教程：https:www.runoob.c ... [详细]

蜡笔小新 2023-10-17 16:10:45
html
用 nodeimages 打造简易图片服务器

必须先赞下国人npm库作品：node-images（https:github.comzhangyuanweinode-images），封装了跨平台的C++逻辑，形成nodejsAP ... [详细]

蜡笔小新 2023-10-17 16:34:14
html
JavaScript疑难杂症系列相称性推断的知识点详解

本文详细解析了JavaScript中相称性推断的知识点，包括严厉相称和宽松相称的区别，以及范例转换的规则。针对不同类型的范例值，如差别范例值、统一类的原始范例值和统一类的复合范例值，都给出了具体的比较方法。对于宽松相称的情况，也解释了原始范例值和对象之间的比较规则。通过本文的学习，读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]

蜡笔小新 2023-12-14 19:12:10
firefox
javascript – 概述在Firefox上无法正常工作

我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观：而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]

蜡笔小新 2023-12-14 10:20:38
html
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25
npm
Composer依赖管理的重要性及使用方法

本文介绍了Composer依赖管理的重要性及使用方法。对于现代语言而言，包管理器是标配，而Composer作为PHP的包管理器，解决了PEAR的问题，并且使用简单，方便提交自己的包。文章还提到了使用Composer能够避免各种include的问题，避免命名空间冲突，并且能够方便地安装升级扩展包。 ... [详细]

蜡笔小新 2023-12-11 17:06:18
vue
VUE uni-app开发环境的创建和使用方法详解

本文详细介绍了如何创建和使用VUE uni-app开发环境，包括通过HBuilderX可视化界面和通过vue-cli命令执行的方法。文章内容简单清晰，易于学习与理解。通过学习本文，读者可以深入了解VUE uni-app开发环境，并通过实践验证掌握具体的使用情况。编程笔记将为读者推送更多相关知识点的文章，欢迎关注！ ... [详细]

蜡笔小新 2023-12-11 14:07:38
上传
Node.js学习笔记(一)package.json及cnpm

本文介绍了Node.js中包的概念，以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM（Node Package Manager）的基本介绍和使用方法，以及如何通过NPM下载第三方模块。 ... [详细]

蜡笔小新 2023-12-10 18:26:02
js
JavaScript进化：从迁徙到TypeScript

本文介绍了JavaScript进化到TypeScript的历史和背景，解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识，并提到了在项目开发中使用TypeScript的好处。最后，作者表示对TypeScript进行尝试和探索的态度。 ... [详细]

蜡笔小新 2023-12-09 19:52:20
npm
angular项目中使用Primeng

关键词： ... [详细]

蜡笔小新 2023-12-09 09:29:47
vue
微信民众号商城/小顺序商城开源项目介绍及使用教程

本文介绍了一个基于WeiPHP5.0开发的微信民众号商城/小顺序商城的开源项目，包括前端和后端的目录结构，以及所使用的技术栈。同时提供了项目的运行和打包方法，并分享了一些调试和开发经验。最后还附上了在线预览和GitHub商城源码的链接，以及加入前端交流QQ群的方式。 ... [详细]

蜡笔小新 2023-12-09 08:45:47
html
程序员如何选择机械键盘轴体？红轴和茶轴对比

本文介绍了程序员如何选择机械键盘轴体，特别是红轴和茶轴的对比。同时还介绍了U盘安装Linux镜像的步骤，以及在Linux系统中安装软件的命令行操作。此外，还介绍了nodejs和npm的安装方法，以及在VSCode中安装和配置常用插件的方法。最后，还介绍了如何在GitHub上配置SSH密钥和git的基本配置。 ... [详细]

蜡笔小新 2023-12-09 05:31:17
正则
webpack二刷之二、loader资源模块加载器

loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件，也就是说它会把打包过程中所有遇到的 ... [详细]

蜡笔小新 2023-10-17 21:26:42
vue
webpack vue 构建的项目，npm run build后路径问题

npmrunbuild后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。放到跟目录下就正常了，iis上同样只能在根目录下。我项目的目录如下： ... [详细]

蜡笔小新 2023-10-17 20:07:40
vue.js
1 Vue基础

Vue基础一、什么是Vue1.1概念Vue(读音vjuː，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不 ... [详细]

蜡笔小新 2023-10-17 19:45:53

Eva绫波_772

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章