Element是一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库,提供了配套设计资源,帮助你的网站快速成型。在项目中自己写组件虽然灵活,但是效率并不高效,所以要学会站在巨人的肩膀上干活,Element就是巨人的肩旁,也是现在国内比较成熟的以一套Vue的组件库。所以我决定 使用这个组件库开发项目。
npm安装
这里使用npm的方式安装,它能更好地和webpack打包工具配合使用。
npm install element-ui --save如果你网络状况不佳可以使用cnpm来进行安装。
cnpm install element-ui --save完整引入项目
在main.js中写入以下内容:
import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'import App from './App.vue' Vue.use(ElementUI) new Vue({ el: '#app', render: h => h(App)})以上代码便完成了Element的引入。需要注意的是,样式文件需要单独引入。
原文发布时间为:2018年04月19日
原文作者:阿刚ABC
本文来源:开源中国 如需转载请联系原作者
继续阅读与本文标签相同的文章
上一篇 :
剖析nodejs的事件循环
下一篇 :
Vue-cli(二) 项目结构
-
前端的焦虑,你想过30岁以后的前端路怎么走吗?
2026-06-02栏目: 教程
-
精读《你不知道的javascript》中卷
2026-06-02栏目: 教程
-
Feflow 源码解读
2026-06-02栏目: 教程
-
50行代码的MVVM,感受闭包的艺术
2026-06-02栏目: 教程
-
为XHR对象所有方法和属性提供钩子 全局拦截AJAX
2026-06-02栏目: 教程
