vue.js示例_Vue JS示例每周概述-5/5/2018

vue.js示例

每周 (weekly)

The first in a weekly roundup of the new vue js examples.

新的vue js示例每周综述的第一部分。

Photo by Bruno van der Kraan / Unsplash

图片由Bruno van der Kraan / Unsplash

报价 (QUOTES)

You can observe a lot just by watching. - Yogi Berra

您可以通过观看来观察很多东西。 -瑜伽士贝拉

示例概述 (Examples Overview)

1. v-dialogs

   虚拟对话

A simple and powerful dialog, dialog type including Modal, Alert, Mask and Toast, based on Vue2.x

一个简单而强大的对话框，对话框类型包括基于Vue2.x的Modal，Alert，Mask和Toast。

2.vue-plyr

2. vue-plyr

A set of Vue components for the plyr video & audio player.

用于plyr视频和音频播放器的一组Vue组件。

This is useful for when you want a nice video player in your Vue app.

当您想要在Vue应用程序中使用出色的视频播放器时，这很有用。

3.vue-draggable-nested-tree

3. vue可拖动的嵌套树

This is a draggable tree component. This component does not have css, you need to add your style refer to demo.

这是可拖动的树组件。 该组件没有css，您需要添加样式以参考demo。

The demo style is less, not difficult. This component doesn't render node. It exposes a node rendering slot. Please refer to the demo for rendering.

演示样式较少，并不难。 该组件不渲染节点。 它公开了一个节点渲染槽。 请参阅演示进行渲染。

4.Today

4. 今天

An app helps you to remember things and evaluates your productivity. WIP.

一个应用程序可以帮助您记住事情并评估您的生产力。 在制品。

Today is a cross-platform GTP application built on the power of Electron and Vue.js and with heart. It helps you to keep track of your tasks, provide suggestions for today and evaluate how productive you are.

今天，是一个跨平台的GTP应用程序，它基于Electron和Vue.js的强大功能而构建。 它可以帮助您跟踪任务，为今天提供建议并评估您的生产率。

5.v-drag

5. v拖动

v-drag is a supler simple, Vue.js draggable component.

v-drag是一个易于管理的Vue.js可拖动组件。

6.Zircle UI

6. Zircle用户界面

Zircle UI is a circular zooming user interface library based on Vue.js. It mixes two principles: circular shapes and zooming navigation in the aim of strengthening each other and create a good user experience.

Zircle UI是基于Vue.js的圆形缩放用户界面库。 它融合了两个原理：圆形和缩放导航，旨在彼此增强并创造良好的用户体验。

7.Vue Picture Swipe Gallery

7. Vue图片滑动图库

Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe

由photowipe支持的Vue图片滑动图库(带有缩略图，延迟加载和滑动的图像的画廊)

8.VueStacks.com Data-Table

8. VueStacks.com数据表

The VSTX Data Table is a powerful data grid component (Vue.js 2.4+) for displaying, sorting, searching, filtering, and interacting with large and deeply nested data sets. As simple as passing a Prop containing an array of objects, as complex you need it to be.

VSTX数据表是一个功能强大的数据网格组件(Vue.js 2.4+)，用于显示，排序，搜索，过滤以及与深层嵌套的大型数据集进行交互。 就像传递包含对象数组的Prop一样简单，而您需要它是如此复杂。

9.vue-material

9. 语音材料

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs.

Vue Material简单，轻巧，并且完全按照Google Material Design规范进行构建。

10.Parallax walk cycle

10. 视差行走周期

A Parallax walk cycle example.Scroll down to walk.

视差行走周期示例，向下滚动以行走。

11.Vuetify Date Range Picker

11. Vuetify日期范围选择器

This component supports the latest version if Vue(2.x) and compatible with Vuetify JS 1.x+ and it looks nice and clean looking too.

如果Vue(2.x)兼容Vuetify JS 1.x +，则此组件支持最新版本，并且看起来也很干净。

12.Food menu component

12. 食物菜单组件

A Food menu component EXAMPLES with vue.js

vue.js的食物菜单组件示例

翻译自: https://vuejsexamples.com/vue-js-examples-weekly-overview-5-5-2018/

vue.js示例