Vue中element的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中element的使用相关的知识,希望对你有一定的参考价值。

参考技术A        我们在使用vue写页面布局的时候,会发现自己写的input框、按钮、表格样式不好看,而且要改成自己想要的样式会非常麻烦,所以element就很好的解决了我们这个问题

首先来了解一下安装element
1、首先是官网上的安装方法

安装完之后我们还需要在vue项目中的main.js中引入,如果不引入的话是没有样式的

之后我们就可以在官网上复制他的那个样式了

2.我们还可以用vue add来安装element

这里注意一下,安装到一半我们会遇到一个选项

第一个是全局安装,和官网上的安装命令功能一样,而第二个是按需安装,这里我们着重讲解一下,如果你写的项目不需要那么多东西,我们可以通过按需安装,来过滤掉我们一些不用的东西,减少了项目的体积

安装完会自动生成一个文件夹,这个里面也有事例,我们需要什么就在这里面引入什么。

以上,就是element的两个安装方法,如果有任何问题,欢迎高质量的交流。

以上是关于Vue中element的使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue3中element-plus全局使用Icon图标

Vue中element的使用

Element简介与使用

如何在 Vue 中使用 angular.element()

Vue项目中如何使用Element-UI以及如何使用sass

vue Element-UI使用