vue+element-ui项目(element UI vue)

Element ui是基于Vue 2.0的前端ui组件库。我觉得它的外观比bootstrap的好。因为是js框架,所以操作UI控件相对简单,但是学习成本增加。用起来还是很简单的,可以帮助站长和爱好者快速搭建网站的页面。我觉得比iview ui好。元素至少可以通过直接复制和粘贴代码来使用。
在这里,我将向你展示元素的优雅。请参见下图了解一些基本控制:
按钮控制
菜单
进度条控件
在座的各位一定都想知道如何使用element ui库。别担心,我会告诉你的。首先,我们在html页面上编写以下代码:
我在这里解释一下:
首先,我们在html的头中使用元素的cdn地址。注意,必须先介绍vue.js的地址,因为这是element的基础,所以我们需要先介绍,再介绍element的js文件和css文件。
其次,在主体中,我们需要在element的手动文档中的元素名称前面加上一个el-。如果我们想使用button,我们需要把它写在主体中。
element的元素引入方法是el- element name。
然后,我们将vue的实例引入脚本标签。这是vue.js的强制要求语法如此,我就不需要解释了。
实例化vue
经过以上步骤,当我们打开页面时,可以看到一个使用元素ui的页面。请注意,您必须连接到网络才能看到它。因为head引用的地址需要连接网络才能下载。接下来,我们来看看元素ui为我们提供了哪些丰富的控件。
控制
控制等。
导航控制等。
如果你之前没用过vue,那你最好学学,这确实提高了前端开发的效率。如果朋友说我就用js,没关系。原生的比框架更有性能优势,但不考虑性能,我想大部分朋友都不是从事性能相关的产品研发,所以看个人喜好。

其他教程

剪辑素材短视频(视频剪辑素材库网站)

2022-9-2 9:22:32

其他教程

我家的老大作文(我家的老猫脸突然很肿了怎么办)

2022-9-2 9:24:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索