完整UI组件库Kendo UI for Vue R3 2021

摘要:
R32021版本是KendoUIforVue有史以来最重大的版本发布,这个版本非常庞大,其中有20个新的原生组件,或者说有34个新组件,包括各种图表和数据可视化。KendoUIforVueR32021最新版下载支持Bootstrap5在R32021中,KendoUIforVue正式支持Bootstrap5!更新文档和演示中的主题选择器当您浏览KendoUIforVuedemo时,注意到似乎在主题选择器下拉列表中添加了十几个主题,这是R32021的新内容!KendoUIKit套件R32021另一个比较重要的亮点是正式发布了全新的KendoUIKit套件!新组件:Card扩展了KendoUIforVue中提供的布局组件的数量,在R32021中,我们还添加了原生VueCard组件。

R3 2021版本是Kendo UI for Vue有史以来最重大的版本发布,这个版本非常庞大,其中有20个新的原生组件,或者说有34个新组件,包括各种图表和数据可视化。下来,跟我们一起了解一下这些功能吧!

Kendo UI for Vue R3 2021最新版下载

支持Bootstrap 5
完整UI组件库Kendo UI for Vue R3 2021更新亮点

在 R3 2021 中,Kendo UI for Vue正式支持 Bootstrap 5!通过更新到与 Kendo UI for Vue 相关的最新和最好的包(特别是 Bootstrap 主题包),可以自动利用这一点。

更新文档和演示中的主题选择器
完整UI组件库Kendo UI for Vue R3 2021更新亮点

当您浏览Kendo UI for Vuedemo时,注意到似乎在主题选择器下拉列表中添加了十几个主题,这是R3 2021的新内容!

虽然 Kendo UI 仍然支持相同的三个主题(默认、Material 和 Bootstrap),但新的主题选择器显示了由 Kendo UI 前端工程师设计的各种颜色变化,称为“色板”。 这让任何浏览Kendo UI for VueDemo的人都可以通过一些 Sass 变量调整快速了解 Kendo UI 主题的可能性。

Kendo UI Kit套件
完整UI组件库Kendo UI for Vue R3 2021更新亮点

R3 2021另一个比较重要的亮点是正式发布了全新的Kendo UI Kit套件!该套件拥有30+个Kendo UI for Vue组件,可在Figma 中使用它们来设计丰富的界面,以交给开发人员来实现。 借助 Kendo UI 套件中提供的工件,设计人员拥有大量自定义选项以确保任何设计都可以应用于 Kendo UI 组件。

全新的Vue组件

新组件:Chart、StockChart和SparkLine

完整UI组件库Kendo UI for Vue R3 2021更新亮点

以前仅作为Vue封装器的一部分提供,在R3 2021中正式发布了原生的Vue图表库!这绝对是Kendo UI for Vue的一个巨大补充,它带来了16中不同的图表类型,包括条形图、柱形图、面积图、折线图、散点图、StockChart 等等。

此外,Kendo UI for Vue团队在此版本中添加了SparkLine 组件,提供时尚的 UI 元素来将行内图表元素添加到数据网格中的段落内容或单元格中。

新组件:绘图、PDF生成器、数据查询、日期数学和文件保护程序

在R3 2021 中,Kendo UI for Vue添加了帮助程序库,这些库可以独立运行,但也包含在Vue组件中。 这些包括:

  • Vue Drawing:用于交互式矢量图形的跨浏览器库。
  • PDF Generator:使开发人员能够导出任何网页的选择或全部内容的库。
  • Data Query:一个帮助执行内存数据操作的包,如排序、过滤、分组和聚合。
  • Date Math:用于JavaScript日期操作的包。
  • File Saver:帮助在客户端计算机上保存文件的组件。

新组件:TabStrip

完整UI组件库Kendo UI for Vue R3 2021更新亮点

新的原生Kendo UI for Vue TabStrip组件显示带有关联内容的选项卡集合,最终用户可以通过单击选项卡加载相关内容,轻松地在不同视图之间切换。 以前只能作为封装器使用,现在这是一个专门为Vue重新构建的组件。

新组件:Pager

完整UI组件库Kendo UI for Vue R3 2021更新亮点

新的原生 Vue Pager 将数据绑定组件(如 Vue Data Grid)中的分页界面提取到其自己的专用 UI 组件中,使用Kendo UI for Vue Pager,最终用户可以轻松地拆分和浏览更易于管理的内容块。

新组件:Card

完整UI组件库Kendo UI for Vue R3 2021更新亮点

扩展了Kendo UI for Vue中提供的布局组件的数量,在R3 2021中,我们还添加了原生Vue Card组件。当用关于单个主题的关联操作表示内容时,此组件非常有用。 在许多现代 Web 应用程序设计中发现,卡片组件具有多个构建块,可以自定义这些构建块以确保卡片适合任何设计。

Kendo UI for Vue | 下载试用

Kendo UI致力于新的开发,来满足不断变化的需求。Kendo UI for Vue使用旨在提高性能和丰富用户体验的Vue组件,帮助开发人员构建下一代应用程序。它是为Vue技术框架提供可用的Kendo UI组件,以便更快地构建更好的Vue应用程序。


了解最新Kendo UI最新资讯,请关注Telerik中文网!

免责声明:文章转载自《完整UI组件库Kendo UI for Vue R3 2021》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇GMS ANR解决方案web 接口测试入门下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue元素显示隐藏 vif 和 vshow 指令

v-if 和 v-show在vue中,v-if 和 v-show 会根据接收 true/false 信息使得页面上元素达到显示或隐藏的效果。 语法: <标签 v-if="true/false"></标签> <标签 v-show="true/false"></标签> <!--true:显示 false:隐...

vue中我改变了data中的一个值,但现在视图上没有实时更新,请问我怎么拿到更新后的值?

Vue在数据初始化的时候会对data,computed,watcher中的属性进行依赖收集,如果支持proxy,则直接使用proxy进行拦截,好处是可以深层次的进行拦截,如果不支持proxy,则使用object.defineProperty来进行数据拦截依赖收集。但是object.defineProperty无法做到深层次的监听,所以对属性进行递归算法去...

vue 子页面怎么调用父页面的方法

vue高级组件之provide / inject 在vue中不同组件通信方式如下 1.父子组件,通过prop 2.非父子组件,通过vuex或根vue转载器  通常是以上两种情况,然而还有一种比较特殊的情况,即孙子组件或更深层次的组件通信 1.下面是a.vue   <template>   <div class="te...

Vue 基础篇一

Vue框架介绍 之前大家学过HTML,CSS,JS,JQuery,Bootstrap,,现在我们要接触一个新的框架Vue Vue是一个构建数据驱动的web界面的渐进式框架 目标是通过尽可能简单的API实现响应式的数据绑定和组合的视图组件. 能够构建复杂的单页面应用.现在我们开始认识一下Vue // HTML 页面 <div id="app">...

vue中使用v-chart改变柱状图颜色以及X轴Y轴的文字颜色和大小以及标题

1.html部分 <ve-histogram :tooltip-visible="true" :x-axis="xAxis" :y-axis="yAxis" :title="title"...

如何用webpack搭建vue项目?本文案例详解

前言:都2020年了,感觉是时候该学一波webpack了,趁着最近有时间,就学了一下,等把官网上的webpack结构和模块大概看了一遍之后,就感觉可以开始搭个项目实战一下了,从0开始,一步步记录下来 使用版本: webpack4.x 1.包含插件和loader * html: html-webpack-plugin clean-webpack...