美文网首页
Element初识安装

Element初识安装

作者: TestingShare | 来源:发表于2020-02-04 17:49 被阅读0次

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

相关文章

网友评论

      本文标题:Element初识安装

      本文链接:https://www.haomeiwen.com/subject/xuxdxhtx.html