用vue 一般都配合什么 UI 框架最近一年多一直在做UI库,从 SUI Mobile -> Light7 -> jQuery WeUI。自己也在做的过程中对UI库类的产品有了更深入的认识,SUI Mobile 和 Light7 有一个很大的问题在于:试图用一个轻量的基于jQuery的库,来做一个重量的框架应该做的事情。比如它定义了Page的概念,整个页面的结构,使用了异步加载的路由,这些会导致本来一个很轻量的库变得不那么容易使用了,本来可以做到只用几个组件即可,现在却必须把一整套东西全部用起来。如果你想用对话框却不想改变自己的整个页面组织,就必须修改对话框的代码。而且,它自己实现的router 会导致很难迁移到 Vue or Angular,因为它做了一部分本该由另一个JS框架做的事情 。
因此,当微信官方团队出了WeUI 项目之后,我迅速开发了 jQuery WeUI,并且它会是一个长期稳定的项目。因为我在这里彻底放弃了一个轻量的UI库不该做的事情,只专注于做一组拿来就可以用,几乎零成本,可以结合任何主流JS框架,几乎不会和任何现有代码冲突的UI库。
所以经常有人问 jqweui 什么时候会出路由,我的回答是这个根本不在计划内,未来也很可能不会有。如果你需要用到路由,那么建议结合 Vue or Angular 来使用,而不是用一个独立的 router 组件。
vue-mobile
也正是因为上述原因,我比较了目前主流的三个JS框架 Vue, Angular, React 之后选择了 基于 Vue 来做一个新的项目,这个项目诞生之初的目标就是为了开发大型的单页应用。它不是一个简单的 Vue 套壳,而是完全用 Vue 重写了所有的组件实现。样式上主要还是来自 WeUI 和 Light7 ,因为我并不是很擅长做设计,不过这次会借鉴很多主流的UI库,也会自己尝试设计一些组件,尽力覆盖大部分的常用控件。
那么vue-mobile有哪些优势呢?
完整的页面结构,header, content, footer
基于 vue-router 页面切换
以 Component 形式提供的组件,更加容易拓展和自定义
基于 transition 实现的 CSS3 动画
Vue.js 带来的良好的开发模式:模板,数据绑定,组件化,自动化,资源统一化
肯定会有很多人问会jQuery用的好好的为什么要这么折腾?
jQuery 可能未来十年内都不会落伍,但是前端技术日新月异,无论 Vue, Angular, React 是不是未来的趋势,至少本阶段他们可以解决很多以前很难解决的问题,也很大程度上推进了前端的技术发展&开发效率。一个好的程序员应该能紧跟技术的发展,不能在一棵树上吊一辈子。我也在不断的摸索中,Vue 也许不是最佳选择,但至少是一个对大多数项目来说都非常棒的选择。
至少现在来看, Vue能明显提升开发效率,在开发大型应用的时候也能很好地通过
模块化组织来保证代码的可维护性。现在的前端开发重点已经不是样式和兼容性,而是如何构建大型的、高效的、可维护的应用。传统后端开发已经在这方面做得非常好了,前端还处在探索阶段,而 Vue 这一类的框架目前是做得最好的。
可能这类框架再过五年就会销声匿迹,被更新更好的框架取代,但是并不妨碍我们去研究和使用它。
vue插件都有哪些UI组件和框架,能告诉我一下吗?element - 饿了么出品的Vue2的web UI工具套件
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Material和Vue 2建立精美的app应用
muse-ui - 三端样式一致的响应式 UI 库
vuetify - 为移动而生的Vue JS 2组件框架
vonic - 快速构建移动端单页应用
vue-blu - 帮助你轻松创建web应用
vue-multiselect - Vue.js选择框解决方案
VueCircleMenu - 漂亮的vue圆环菜单
vue-chat - vuejs和vuex及webpack的聊天示例
radon-ui - 快速开发产品的Vue组件库
vue-waterfall - Vue.js的瀑布布局组件
vue-carbon - 基于 vue 开发MD风格的移动端
vue-beauty - 由vue和ant design创建的优美UI组件
bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件
vueAdmin - 基于vuejs2和element的简单的管理员模板
vue-ztree - 用 vue 写的树层级组件
vue-tree - vue树视图组件
vue-tabs - 多tab页轻型框架
LG081031—A001—现代简约木门(2011)
vue template 必须要套一层div吗Angular的世界里, templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件,这个看起来很方便,作为一个自带功能,但是让我们来重新审视下这个功能。