vue结合elementUI,MinUi
来源:互联网 发布:淘宝众筹不成功会怎样 编辑:程序博客网 时间:2024/05/17 07:46
UI组件 :利用别人提供的好东西,目的:提高开发的效率
Boostrap: twitter开源,简洁大方
基于jquery
栅格化系统+响应式工具(移动+PC+PAD),按钮
bower 前段包管理器 jquery#1.1.1.1
npm node包管理器 jquery@1.11.1饿了么:基于vue组件库
elementUI: PC端
MinUI: 移动端`elementUI:
如何使用
官网:http://element.eleme.io/
使用:
1. 安装 element-ui
npm i element-ui -D
npm install element-ui --save-dev// i -> install// D -> --save-dev// S -> --save
2. 引入 main.js 入口文件
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-default/index.css’
全部引入
3. 使用组件
Vue.use(ElementUI)
css-loader 引入css字体图标 file-loaderless: less
less-loader
按需加载相应组件: √
就需要 按钮
1. babel-plugin-component
cnpm install babel-plugin-component -D
2. .babelrc文件里面新增一个配置
“plugins”: [[“component”, [
{
“libraryName”: “element-ui”,
“styleLibraryName”: “theme-default”
}
]]]
3. 想用哪个组件就用哪个
引入:
import {Button,Radio} from ‘element-ui’
使用:
a). Vue.component(Button.name, Button); 个人不太喜欢
b). Vue.use(Button); √
发送请求:
vue-resourse 交互
axios
element-ui -> pc
mint-ui
移动端 ui库
http://mint-ui.github.io/
下载
npm install mint-ui -S-S
–save引入
import Vue from ‘vue’;
import Mint from ‘mint-ui’;
import ‘mint-ui/lib/style.css’
Vue.use(Mint);按需引入:
import { Cell, Checklist } from ‘minu-ui’;
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
`
- vue结合elementUI,MinUi
- WebStorm Vue ElementUI
- VUE+elementUI分页
- vue-elementUI 弹出框
- vue + elementui filter过滤器
- vue+elementUi时间控件
- vue中引入elementui
- vue + elementui 新手入门案例
- vue-引入 ElementUI
- vue + elementUI 使用笔记1
- Vue中引入ElementUI库
- Vue中引入ElementUI库
- vue elementUI webpack 前端坑;
- vue + elementUI++Vue常见的坑
- vue-router配合ElementUI实现导航
- Vue的elementUI实现自定义主题
- webpack+vue+elementui构建后台管理系统
- vue-基于elementui换肤[自定义主题]
- MySQL的int设置不当引起BUG
- Ubuntu 14.04配置Shadowsocks和Privoxy实现浏览器和终端代理
- 作用域之词法作用域
- 快速幂运算(数论知识)
- 安卓log工具类总结
- vue结合elementUI,MinUi
- 合并排序的递归与非递归写法
- 【GDOI2017模拟一试4.11】腐女的生日
- ffmpeg编译
- spring使用@ExceptionHandler、@ControllerAdvice统一异常处理
- 数据结构与算法---直接插入排序
- Activity的四种启动模式和onNewIntent()
- 删除子串
- 两个有序链表合并成一个有序链表