Vuetify基于vue2.0,为移动而生的组件框架

更新日期: 2018-03-20 阅读: 17k 标签: 组件

vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准html页面。  


浏览器兼容性:

Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。为了最好地完成这个任务,必须作出不支持一些老版本IE浏览器的牺牲。这不是兼容浏览器的详尽清单,而是主要受支持的目标浏览器。  



Vue CLI模版 :

Vuetify拥有8个制作好的Vue CLI模版, 其中有3个是复刻自 Vue.js官网模版。他们只包含小量修改,让您能够更快地开始使用Vuetify。这些安装包需要先安装vue-cli。关于vue-cli的更多信息,请访问官方Github仓库。这些模板旨在让您尽快开始下一个项目。  

如果想将Vuetify引入到已有项目中,您必须把它拉入您的项目的node_modules目录。你可以使用npm或yarn来完成这个任务。这些都是包管理器,让您能够控制应用程序可用的资源。


 Vuetify不同之处是什么?

设计原则

Vuetify完全根据Material Design规范开发。每个组件都是手工制作的,为您的下一个伟大的应用程序带来最好的UI工具。开发并没有停留在Google规范中的核心组件上。通过社区成员和赞助商的支持,更多的组件将被设计并提供给大家享受。


充满活力的社区

用Vuetify开发意味着你永远不会孤单。可通过官方Discord服务上的开发团队和其他社区成员立即获得帮助。找机会与有才能的人交谈,希望你在努力中取得成功。需要高级支持?成为一个Patreon 支持者并访问 #patron 或 #elite-patron 支持渠道。


对比其它框架

Vuetify不是唯一的Vue Material框架。许多其他有才华的开发人员在Google的Material Design规范下创建了一些令人惊叹的应用程序。每个人都提供了他们自己独特的发展和过程,但是,这里有一些事情跟Vuetify不同:



官方网址:https://vuetifyjs.com



本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/528

相关推荐

vue重新渲染组件(重置或者更新)

当数据通过异步操作后,对之前加载的数据进行变更后,发现数据不生效。A组件或者B组件触发数据更新,C组件数据更新了,但是C组件仍显示上一次数据。

React高阶组件中使用React.forwardRef的技巧

之前使用React.forwardRef始终无法应用于React高阶组件中,关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。codepen实例请划到底部。

Vue使用Props绑定Object并且传参

通过Props 给子组件传变量,变量是对象时,子组件无法在首次打开时获取到传入对象数据,并且在父组件中改变对象的属性,子组件也是无法监听

Vue中插槽的作用_Vue组件插槽的使用以及调用组件内的方法

通过给组件传递参数, 可以让组件变得更加可扩展, 组件内使用props接收参数,slot的使用就像它的名字一样, 在组件内定义一块空间。在组件外, 我们可以往插槽里填入任何元素。slot-scope的作用就是把组件内的数据带出来

React Hook父组件获取子组件的数据/函数

我们知道在react中,常用props实现子组件数据到父组件的传递,但是父组件调用子组件的功能却不常用。文档上说ref其实不是最佳的选择,但是想着偷懒不学redux,在网上找了很多教程,要不就是hook的讲的太少

使用Vue 自定义文件选择器组件

文件选择元素是web上最难看的 input 类型之一。它们在每个浏览器中实现的方式不同,而且通常非常难看。这里有一个解决办法,就是把它封装成一个组件。

element-ui 的隐藏滚动组件el-scrollbar

为什么要用el-scrollbar,大家都知道,模拟一个滚动不难,而且市面上有很多这样的库。我考虑的,首先项目用的框架是Vue,然后用的组件库是Element,Element官网也有很多滚动

vue中prop属性传值解析

prop的定义:在没有状态管理机制的时候,prop属性是组件之间主要的通信方式,prop属性其实是一个对象,在这个对象里可以定义一些数据,而这些数据可以通过父组件传递给子组件。 prop属性中可以定义属性的类型,也可以定义属性的初始值。

写一个vue组件库_跟着element学习写组件

组件以插件的形式引入使用,当然,也可以直接在页面引入组件文件,两者按需使用。通过源码可知,vue不会重复安装同一个插件。以第一次安装为准,现在,可以在代码中使用组件啦~

Vue组件、自定义属性、自定义事件

一个vue文件就是一个组件。组件将html标签/css样式/对应JS打包成一个整体,也可以理解钻进一个具有样式和特效的自定义标签。自定义属性、使用自定义属性

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!