Sleep

All Articles

Space Serpent: Personal computer game built with Electron and Vue.js #.\n\nSpace Snake.\nPractically like the perpetuity traditional activity Snake, a personal computer game built along with the Electron-vue design template, a Electron &amp Vue.js quick start boilerplate with vue-cli scaffold, Room Snake.\nAttributes.\nMake it your very own.\nDownload the venture if would like to see how the video game works on your desktop.\n# put in dependencies.\nnpm put in.\n\n# serve with hot reload at localhost:9080.\nnpm operate dev.\n\n# develop electron application for production.\nnpm function develop.\n\n# lint all JS\/Vue part data in 'app\/src '.\nnpm operate dust.\n\n

run webpack in production.npm operate pack.More relevant information pertaining to the Electron-Vue...

V- Schedule: A well-maintained and also lightweight calendar plugin for Vue.js

.v-calendar.V-Calendar is actually a simple and light in weight Vue.js plugin for showing straightfo...

Eleventh Memory Card Trick: Cards application developed along with Vue.js

.eleventh-card-trick-vue.Make an effort an easy memory card technique that can easily review your mi...

Vue Goodshare: Part for social switches

.vue-goodshare.Vue Goodshare is a Vue element for social share. A straightforward technique to discu...

Generate types making use of JSON Schema and Vue.js #.\n\nvue-json-schema.\nIf you are wanting to use forms with your existing data in JSON Schema kind, at that point you can easily make use of a Vue element which is ideal for the task.\nvue-json-schema is actually a Vue element which produces kinds based on offered JSON Schemas.\nJSON Schema is a vocabulary that permits you to illustrate as well as legitimize JSON records.\nFormSchema API.\nprops.\n\nschema Item (needed).\nThe JSON Schema things. Make use of the v-if ordinance to lots asynchronous schema.\n\n\nv-model Item (optional) nonpayment: [object Object] Utilize this directive to generate two-way information bindings along with the part. It automatically picks the right method to update the factor based upon the input kind.\n\n\nautocomplete Cord (extra).\nThis residential property signifies whether the value of the control can be instantly completed by the browser. Feasible market values are: off and on.\n\n\nnovalidate Boolean (optional).\nThis Boolean feature indicates that the form is actually certainly not to be confirmed when sent.\n\n\nitem-class String (optionally available).\nUse this prop to enable inputs covering.\n\ndata-class-error String (optional) nonpayment: 'form-error'.\nevents.\n\ninput boundless.\n\n\nadjustment Axed when a kind input value is actually modified.\n\n\nfalse Shot when a submittable aspect has been checked out and also does not please its limitations. The legitimacy of submittable factors is actually examined just before providing their proprietor form.\n\nprovide Axed when a document is actually provided.\ntechniques.\n\ninput( label).\nObtain a form input element.\n\n\nreset().\nReset the market value of all components of the parent document.\n\n\nsend( e).\nDeliver the information of the form to the web server.\n\n\nsetErrorMessage( notification).\nSet a message mistake.\n\nclearErrorMessage().\nvery clear the information error.\nVue JSON Schema Demonstration.\nThere is a trial utilizing the ElementUI toolkit, to reveal you how you can easily describe your schema and afterwards use it in your task to develop forms with the desired functionality.\nPut up the part.\nnpm install-- save vue-json-schema.\nSpecify your JSON Schema file:.\n{-String.Split- -\n\"$ schema\": \"http:\/\/json-schema.org\/draft-04\/schema

",." style": "item",." headline": "E-newsletter Registration",." summary": "Enroll in totally free e...

Vue Konva: A JavaScript collection for drawing sophisticated canvas graphics utilizing Vue

.Vue Konva.This library sums up the power of Konva and also enables sketch of intricate canvass grap...

Adapt a text input's size to its own information using a personalized Vue.js directive

.vue-input-autowidth.Resize the distance of an input based upon its information utilizing a Vue cust...

Get sliders utilizing the Vue Awesome Swiper component sustaining health spas and SSR

.Vue-Awesome-Swiper.The swiper part for Vue.js allows you to add slides in several means, taking adv...

Zircle UI: A circular zooming UI Collection powered through Vue.js #.\n\nzircleUI.\nZircle user interface is a rounded zooming user interface public library based upon Vue.js. It combines 2 guidelines: round forms and zooming navigating in the intention of boosting one another and also generate a great user expertise.\nZooming slider.\nCounter.\nThe public library gives the ability to create rounded zooming with several nested degrees, displaying graphics and also data.\nIn addition to the above, there are actually a lot more online examples and paperwork, at http:\/\/zircle.io.\nFeatures.\nZooming navigation up to 9 amount deepness.\nIt functions effectively on mobile phones and also big screens as it is actually reactive.\nIt possesses a minimal collection of UI elements to construct your application.\nIt is possible to individualize themes and designs to suit your needs.\nUsing Zircle along with Vue-Router.\nInstallment.\nThere are actually numerous possibilities to create and start using it.\nRun.\nnpm set up zircle-- save.\nFor your preliminary create go through the starter templates and also make use of the single-file elements instance utilizing the webpack-template of vue-cli.\nmain.js.\nbring in Vue coming from 'vue'.\nbring in application coming from '.\/ Application'.\nbring in zircle from 'zircle'.\nbring in 'zircle\/dist\/zircle. min.css'.\nVue.use( zircle).\nbrand new Vue( {-String.Split- -\nel: '

app',.components: application.,.layout:".-|-|-|-random-} ).App.vue data.
msg
From there you may ma...

Vant: A Vue 2.0 Mobile UI Public Library

.vant.Vant is a library of UI elements made for mobile phone applications, based upon Vue.js. It not...