开源库:element组件库的使用

113 阅读1分钟

Element-UI 官方文档:

element.eleme.cn/#/zh-CN

// PC端组件库
cnpm i --save element-ui // element组件库引入

// 导在main.js中,或在哪个页面用就在哪个页面导
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

// 选择需要的样式,引入组件
<template>
    <el-container>
    	...
    </el-container>
</template>

/* 使用element组件库的三个问题:
	1.可能没有想要的组件,需要自己去写;
	2.element提供的组件可能样式不全,并不能以点带面;
	3.element组件库并不是copy就可以,最重要的是理解每个组件每个样式做什么的,怎么样动态渲染然页面,怎样触
发事件。
	(element组件库只是一个辅助库,给你布局样式,你自己去写业务,渲染到人家组件中,不需要全背,用的时候找
官方文档就行)
*/