Element 前端網頁開發神器
Element,一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端元件庫。
Element為程式設計師提供一套完整的元件化程式設計解決方案,可以快速開發網頁應用程式。
那麼什麼是元件化?
某搜尋引擎告訴我們,元件化是指解耦複雜系統時將多個功能模組拆分、重組的過程,有多種屬性、狀態反映其內部特性。
為什麼要元件化?
元件化的主要目的是解耦。當然,還有其他的目的,比如元件複用,按需引入等。
Element UI 元件使用步驟如何?
第一步:初始化一個專案
vue init webpack-simple demo// 建立一個專案
cnpm install// 根據package.json檔案把相應的依賴都安裝上
cnpm install element-ui-S// 安裝element-ui元件庫 生成依賴
npm run dev// 可以執行一下
第二步: 引入element-ui元件
import ElementUI from'element-ui'
import'element-ui/lib/theme- chalk/index.css'
Vue.use(ElementUI);