vue项目引入elementui样式组件05

news/2025/2/22 15:49:35/

vue前端开发,关于样式部分,不需要自己去写,可以引用现有的一些组件,比如elemtnui,可官网查看

1、下载对应的包到vue项目中

通过npm进行安装
npm i element-ui -S

2、引入到项目中,官网也提供了例子
在这里插入图片描述

3、运行项目,npm run serve
如果出现代码检查相关错误,可以看下相关解决办法

看到如下内容,运行正常
在这里插入图片描述

4、测试下,引入是否正确,可以在src/view下vue文件中,写个按钮来查看是否成功
在这里插入图片描述

5、可以看到按钮和样式,就证明引入成功了。
在这里插入图片描述


http://www.ppmy.cn/news/1187128.html

相关文章

阿里云的OSS云存储的基本使用

阿里云官网:阿里云-计算,为了无法计算的价值 通过阿里云官网,登录进入用户的界面,在搜索框中输入OSS,然后进入阿里云的对象存储OSS的控制台。(未开通的开通即可) 创建 Bucket 点击【Bucket 列…

如何将word格式的文档转换成markdown格式的文档

如何将word格式的文档转换成markdown格式的文档 前言 A. 介绍Markdown和Word格式文档 什么是Markdown? Markdown是一种轻量级标记语言,旨在简化文本格式化和排版的过程。它以纯文本形式编写,通过使用简单的标记语法,使文档更具…

案例分析真题-系统建模

案例分析真题-系统建模 2009年真题 【问题1】 【问题2】 【问题3】 2012年真题 【问题1】 【问题2】 【问题3】 2014年真题 【问题1】 【问题2】 骚戴理解:这个题目以前经常考,不知道今年会不会考,判断的话就是看加工有没有缺少输入和输出&a…

网络安全(黑客)—小白自学路线

1.网络安全是什么 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 2.网络安全市场 一、是市场需求量高; 二、则是发展相对成熟…

计算机网络 期末复习方向

一,网络层 前三章我们解决了在具体物理网络,具体局域网上数据的传输过程,我们能实现在一个具体网络上把数据从A主机传到B主机,这件事情解决了。 引入问题:如果网络的局域网不考虑网络的扩展问题之后,我们…

基于物联网、大数据、云计算、人工智能等技术的智慧工地源码(Java+Spring Cloud +UniApp +MySql)

智慧工地是指利用物联网、大数据、云计算、人工智能等技术手段,为建筑施工现场提供智能硬件及物联网平台的解决方案,实现建筑工地的实时化、可视化、多元化、智慧化、便捷化。智慧工地的建设目标是实现全天候的管理监控,提高施工效率和质量&a…

FPGA时序分析与约束(7)——通过Tcl扩展SDC

一、概述 术语“Synopsys公司设计约束”(又名SDC,Synopsys Design Constraints)用于描述对时序、功率和面积的设计要求,是EDA工具中用于综合、STA和布局布线最常用的格式。本文介绍时序约束的历史概要和SDC的描述。 二、时序约束…

XML教学视频(黑马程序员精讲 XML 知识!)笔记

第一章XML概述 1.1认识XML XML数据格式: 不是html但又和html有点相似 XML数据格式最主要的功能就是数据传输(一个服务器到另一个服务器,一个网站到另一个网站)配置文件、储存数据当做小型数据可使用、规范数据格式让数据具有结…