如今的测试行业,只能说人才济济,掌握更多的知识,方可站稳脚步,这不、对于前端知识内容又要进行更新了”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之旅了。

版权声明:本文为TestingShare原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/TestingShare/p/12260323.html