Element初识安装

Posted 2021-03-12 testingshare

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