基于vue的ui框架

最新推荐文章于 2024-08-15 14:35:54 发布

Hono郭帅

最新推荐文章于 2024-08-15 14:35:54 发布

阅读量243

点赞数

本文链接：https://blog.csdn.net/Honoi/article/details/103761452

版权

本文介绍了基于Vue的两个主流UI框架——Element UI和Mint UI。Element UI主要用于PC端，提供了丰富的组件库；Mint UI则专注于移动端，同样包含多种组件。文章详细讲解了如何在项目中单独使用这两个框架的组件，以及在Mint UI中如何绑定事件。

摘要由CSDN通过智能技术生成

基于vue的ui框架

饿了么公司基于vue开发的ui组件库

Element UI 基于vue pc端的ui框架

MintUI 基于vue 移动端的ui框架

element UI的使用：

1.找官网  http://element.eleme.io/#/zh-CN/component/quickstart

2.安装  cnpm i element-ui -S         -S表示  --save

3.引入element UI的css 和 插件

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

		


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

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



5.看文档直接使用。

element UI组件的单独使用（第一种方法）：

1、cnpm install babel-plugin-component -D    

2、找到.babelrc 配置文件
	把

	{
	  "presets": [
	    ["env", { "modules": false }],
	    "stage-3"
	  ]
	}

	改为  注意：

	
	{
	  "presets": [["env", { "modules": false }]],
	  "plugins": [