vant引入组件报错_在Vue中elementui组件库的基本使用

今天我们来聊聊elemen-ui组件库

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

最近我做的项目几乎都是管理系统，所以，为了节省时间，开始使用---element-ui。

一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。

为什么我说管理系统适合这套ui呢？因为管理系统中使用到的组件这上面都能找到。

element-ui官方地址 http://element-cn​.eleme.io/#/zh-CN

前端两大ui组件还是很好用的，pc端就可以使用element，移动端可以使用vant，这里vant我们先不介绍，今天的主角是element-ui

这套组件的优点就是，占全了几乎所有，什么时间控件，轮播图，折叠菜单等，你都可以找到因此这对于一个做项目的开发人员来说，可以节省很多写样式的时间。

在Vue项目中，都是先把依赖包download下来，这个依赖包在你项目中的ndoe_modules里面，引入方式有多种，如果你的整个项目所有页面都需要使用到插件，你可以在main.js里面引入，举例：

在main.js里面引入的插件或者组件和样式，都是全局的。

你也可以选择在你的当前页面中通过script里面的import引入，这种引入，只作用于你当前的页面。

举个栗子：、、、

我在我的页面中需要引入一个日期选择器，就可到element-ui组件库中寻找

在控件的下方，官方给了实例代码

接下来我们把这段代码copy到我的项目中，然后给一个class，这样我们就可以定义它的样式了。

我给这个控件添加了宽，最后展示的效果是这样的。

ok，简单的举栗已经写完，你学会了吗？非常简单又实用的ui框架，你值得拥有。

给个关注呗。。。