400-800-9385
网站建设资讯详细

网站前端开发之Element-ui框架的安装与使用

发表日期:2022-08-03 15:47:41   作者来源:王熙程   浏览:628   标签:网站前端开发    Element-ui框架    
想必各位前端程序员使用vue的时候,都会想到element-ui框架,element-ui框架搭配vue开发起来是非常方便的,但是很多小白对这些并不了解,接下来我就教大家怎么安装以及使用element-ui框架。
 

Element前端框架

 
首先对简单的时候直接引入线上js代码,代码如下:
 
<!-- 引入样式 -->
<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>
 
大家还可以使用npm进行安装Element-ui框架,代码如下:
 
npm i element-ui -S
 
安装完element-ui框架之后,再配置环境,代码如下:
 
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)
});
 

el bug修复

 
element-ui框架在布局方面是非常简单方便的,element-ui框架布局分为:基础布局、分栏间隔、混合布局、分栏偏移、对齐方式、响应式布局。element-ui框架与bootstrap框架布局方式其实是差不多的,但是比bootstrap框架更加灵活实用,更加方便,由其实在在后端erp的时候,主要erp后端是不需要很多绚丽多彩,很有科技感的页面,只需要在布局上面做文章就可以了,所以就可以使用element-ui框架更加方便快捷,所以深受前端程序员的喜爱。
 
对于高级前端程序员可能他们觉得,这种框架不行会进行二次开发,其实有很多框架和插件都是初创者分享得来的,然后经过很多高级工程师的二次开发演变成如今很好用的框架和插件,其实很多开发工具都是一样的性质,都是通过各位程序员总结的结晶演变而来的,和前人种树,后人乘凉一样的道理。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6496.html