Element初识安装

如今的测试行业,只能说人才济济,掌握更多的知识,方可站稳脚步,这不、对于前端知识内容又要进行更新了"Element"

官方介绍:

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

个人觉得这个库的使用更加方便简洁,非常容易上手,与其它样式库相比,只能说是形影不离的存在,大同非小意,如今又是前后端分离的天下,Vue非常受器重,作为小弟的element更是依赖Vue之下,最终决定舍弃所有前端内存,更新下自己的知识库。


官方推荐使用npm安装

npm i element-ui -S

使用vue的话,在main.js中引入

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

通过链接引入-练习可以使用这种方式

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

这样就可以开启Element之旅了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文为2016年11月9日,『前端之巅』微信群在线分享活动总结整理而成,转载请在文章开头处注明来自『前端之巅』公众...
    尾尾阅读 13,660评论 3 32
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,866评论 0 1
  • 经常在深夜里深思的,不是吸血鬼,恐怕就是广告人了。 而作为广告人其中的一个职业——文案狗的我, 经常夜里挑灯看策划...
    朱少斌阅读 10,392评论 0 51
  • SU21——>权限对象 添加要用的权限字段,如果你要用的字段别人没有维护,点击字段维护 这样权限对象就建好了 应用...
    Mmm_余安阅读 1,735评论 0 1
  • 谁在年少轻狂时,不曾爱错过一场缘分。——李清秋 张爱玲说:见了他,她变得很低很低,低到尘埃里,但她心里是欢喜的,从...
    沉溺海底的沙阅读 2,622评论 0 1