概述

UI 组件库：提供了一些如输入框、布局、按钮等在网页UI布局中常用的元素，并将这些元素以组件的形式提供给我们。

一般会说UI组件库是基于哪个框架【Vue/React/...】的、PC端/移动端

什么项目适合用UI组件库，什么项目不适合？【UI组件库的应用场景】

不适合【页面中包含很多定制化、个性化的组件】

适合【整个页面不要求高度的定制化】

一、常用的UI组件库

1. PC端

Element UI https://element.eleme.cn
IView UI https://www.iviewui.com
Ant Design Vue https://www.antdv.com/docs/vue/introduce-cn/

2. 移动端

标签：Vue,https,github,UI,io,组件
From： https://www.cnblogs.com/wzzzj/p/18040090

Element UI
ElementUI完整引入importElementUIfrom'element-ui';//引入所有组件的样式import'element-ui/lib/theme-chalk/index.css';引入所有的组件Vue.use(ElementUI);注：仅用了几个组件，就引入所有组件和所有组件的样式，不合适，导致项目体积特别大按需引入babel-plugin-comp......
VuePress
VuePress一、部署创建项目文件夹在任意目录下创建文件夹mydocs注：路径中不要包含中文安装VuePressnpminstallvuepress注：如需全局安装，请执行npminstall-gvuepress初始化项目在项目文件夹下打开命令行，执行npminit-y创建必要的目录mydocs├───docs......
Vuex系列之（九）模块化和命名空间
模块化+命名空间Vuex中的高级写法：Vuex的模块化编码把不同分类【业务分类不同，比如订单管理类的和商品管理类的】的mutation放在不同位置模块化编码的最终目标：对actions、mutations、state、getters中的内容进行分类整理1.Vuex模块化编码的步骤根据业务分类划分模块，在store......
Vue Router系列之（一）路由
路由1.SPA应用单页Web应用（singlepagewebapplication，SPA）。整个应用只有一个完整的页面（index.html）。点击页面中的导航链接不会刷新页面，页面不会跳转，只会做页面的局部更新。数据需要通过ajax请求获取。注：多页面应用，多个页面来回跳来跳去2.什么是路由？一个路由（route......
Vue CLI 系列之（十九）总结
总结父组件=》子组件【props】子组件=》父组件【函数类型的props、组件自定义事件】孙组件=》父组件【全局事件总线】在组件中引入库时，顺序是这样的第三方库自己写的组件所有开发人员都要用的样式配置在App中当标签中的属性过多时，可进行改写，改写时通常将原生属性放......
Vue CLI 系列之（十八）插槽
插槽结构在哪【结构的代码在哪个组件】，样式就写在哪【样式就写在哪个组件中】这里的App组件是Category组件的父组件<h3>{{title}}分类</h3><!--slot标签的作用相当于占位符，用于告诉Vue组件标签的标签体内容......
Vue Router系列之（四）嵌套路由
嵌套（多级）路由展示区中包含了新的导航区和展示区配置路由规则，使用children配置项：routes:[ //routes中直接配置的是一级路由 { path:'/about', component:About, }, { path:'/home', component:Home, children:[//通过children配置子级路由 { path:'n......
Vue Router系列之（三）几个注意点
几个注意点路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。通过组件的使用方式不同将组件划分为不同的分类：路由组件和一般组件路由组件：靠路由规则匹配出来，由路由器帮我们渲染的组件【我们没有亲自写过这种组件标签】一般组件：我们亲自写的组件标签路由......
Vue Router系列之（二）Vue Router的使用步骤
使用步骤安装vue-router，命令：npmivue-router导入并应用插件//main.jsimportVueRouterfrom'vue-router'Vue.use(VueRouter)创建src/router/index.js，该文件专门用于创建整个应用的路由器//引入VueRouterimportVueRouterfrom'vue-router'//引入About、Home组......
Vue Router系列之（八）router-link 标签的replace属性
<router-link>的replace属性作用：控制路由跳转时操作浏览器历史记录的模式浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，不破坏栈中的任何一条数据，不断的压入数据，replace是替换掉当前栈顶的那一条记录。路由跳转时候默认为push注：浏览器的历史记录实......

Vue UI组件库系列之概述

概述

一、常用的UI组件库

1. PC端

2. 移动端

相关文章

赞助商

阅读排行