Vue-cli(三) 项目中引入Element

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

本文来源：

开源中国

如需转载请联系原作者