vue2 Archives | C4codes

Vue-useurl: Reactive Url Builder Vue Hook for Vue 2 & Vue 3

April 30, 2022 Tagged #frontend, app-routing, Builder, Front End, hooks, javascript, Libraries, Reactive, Routing, Single-Page Applications, SPA, URL, url-builder, url-management, vue, vue2, vue3, web applications., Web Apps, Web Development

vue-useurl ( Reactive Url Builder Vue Hook for Vue 2 & Vue 3 ) A library for building URL using (Query Parameters, Path Variables, Hash), while being reactive and...

Vue2 and Vue3 directive for keyboard navigation – roving movement and trapping inside container

April 21, 2022 Tagged #Directive, #frontend, #InclusiveDesign, #InputManagement, #Interaction, #KeyboardInterface, #KeyboardNavigation, #RovingMovement, #ScreenReader, #webdevelopment, accessibility, accessibility standards, click events, Components, container, Control, document flow, element focus, focus, javascript, keyboard navigation, list items, navigation order, order flow, roving movement, tabindex, trapping, User Experience, vue2, vue3

VueKeyboardTrap (vue-keyboard-trap) Project description Vue directive for keyboard navigation – roving movement and trapping inside container. Works both for Vue3 and Vue2. Demo codepen Docs and examples Source code,...

Vue2 UI component for mobile terminal countdown of imitation keep application

October 10, 2021 Tagged Clock face, Component, Countdown, Countdown timer, Design element, Digital clock, Element styling., Hours, imitation, Java scripting, Keep application, Minutes, Mobile device, Mobile terminal, Seconds, Time display, Timer, UI, User Interface, Visualization, vue2

Project Name Vue2 UI component for mobile terminal countdown of imitation keep application 仿 keep App 倒计时 Vue2 UI 组件 Install NPM package installation npm i keep-countdown import CountDown...

Use Vue 3’s Fragment feature in Vue 2 to return multiple root elements

September 14, 2021 Tagged Abstract Components, assembling, code organization, Compatability, Components, Customization, DOM structure, Effective, Efficiency, elements, existing, feature, fragment, HTML Syntax., multiple, Multiple Roots, multiple-root, output, Performance, plus, render, Rendering, Return Multiple, Returning Elements, root, Root Elements, Single File Components, Tree, Utilize, Virtual DOM, Vue 2, vue2, way

vue-frag Use Vue 3’s Fragment feature in Vue 2 to return multiple root elements <template> <div v-frag> ⬅ This root element is unwrapped and removed on render! <li>Element 1</li>...

Generated by Feedzy