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);