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

本文來源：

開源中國

如需轉載請聯系原作者