Vue学习24----ElementUi(Pc框架)的使用

element UI的使用步骤:

1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart
2.安装 cnpm i element-ui -S -S表示 --save
3.在main.js中引入element UI的css 和 插件

		import ElementUI from 'element-ui';
		import 'element-ui/lib/theme-chalk/index.css';
		Vue.use(ElementUI);

4、根据 http://element.eleme.io/1.4/#/zh-CN/component/quickstart
在webpack.config.js中 配置file_loader

		  {
			test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
			loader: 'file-loader'
	                 }

5.看文档直接使用。

下面是一个例子:
项目结构:
Vue学习24----ElementUi(Pc框架)的使用_第1张图片
main.js 中配置element UI的css 和 插件
webpack.config.js 中 配置file_loader
App.v

你可能感兴趣的:(Vue)