Good use UI library can greatly improve the efficiency of development, where the record about the learning process of the Element-UI
Preparation for development
Element-UI open official website ( address ), then the installation can be used in the npm document root development (npm i element-ui -S)
The introduction of the components can be installed using the official document referred to the full introduction of , demand introduction (which component needs to be introduced which component) both methods are in accordance with the instructions can be configured in main.js
There is also a global configuration (settings component dimensions and elastic initial frame-index Z ), arranged in the main.js Vue.use (ElementUI) in to
The following is the summary of a study and the various components of personal, real-time updates
Layout Layout
Basic layout
el-row configuration line, el-col column configuration, such as a single row of a table
Wherein binding of the el-col span attribute control each of the small cell size