Vue encourages us to build our UIs by encapsulating UI and related behavior into components. We can nest them inside one another to build a tree that makes up an application UI. However, sometimes a part of a component's template belongs to this component logically, while from a technical point of view, it would be preferable to move this part of the template somewhere else in the DOM, outside of the Vue app.
A classical data table component in VueJS and Bootstrap 4, optimized for Laravel applications. Vue-table is a data table component that allows the developer a high degree of customization, it takes care of complex tasks and gives the developer control over how the data is displayed. This component works with the **Laravel** framework pagination response.
Go & Vue.js - Demo Web Application This is a simple web application with a Go server/backend and a Vue.js SPA (Single Page Application) frontend.
Vue Toast Notification .Yet another toast notification plugin for Vue.js
Draw the Smith Chart in SVG with Vue.js .The Smith Chart is a graphical aid or nomogram designed for electrical and electronics engineers specializing in radio frequency (RF) engineering to assist in solving problems with transmission lines and matching circuits
In our first installment of our Vue 3 Crash Course we are going to cover installing vue 3 via Vitejs (https://github.com/vitejs/vite) and creating components without needing to define a root node via Vue 3 Fragments (Aka multiple root nodes in Vue 3). Vue encourages us to build our UIs by encapsulating UI and related behavior into components.
Lazy-loading components is a great way to improve the user experience of your app. In this article, I'll show you how Vue 3 helps you to do this with new APIs. Vue 3 has introduced several new features to help you achieve this easily and with great UX through the improvements to the async component API and the new Suspense component.
If you want to become a more advanced Vue developer, especially if you want to use advanced features like the Composition API, it's important to have some level of understanding of how reactivity works under the hood. In this article, I'll tell the story of why reactivity was created, how it works in Vue 2, and how it's evolved to support powerful Vue 3 features like the Composition API.
Vanessa Alvarez teaches us about the importance of accessibility and what it takes to make an app accessible. Follow along and learn how you can add accessibility to your web app today.
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? The new Composition API caused a fair amount of controversy when it was first announced by the Vue team. But now that the dust has settled and we've had a chance to try the demo, most of us can see it has great potential.
My journey on vue.js. My 30days journey to learn Vue.js @ FemCode Africa started on 7th of July, 2020, and ends on 7th of August 2020, although learning continues even after the end of the challenge. During the challenge, I was able to learn Vue.js basics (such as data binding, events, conditionals, looping etc), working with vue/cli, components, props, and so on.
Vue provides a way of extracting and reusing the state and logic of a component, but the template is deemed single-use only. In this article, I'll show you a hack for extending templates using HTML pre-processing. In this article, I'll present a solution using the HTML template pre-processor Pug. It's a bit of a hack, but it does work!
Vue provides a number of different APIs and patterns you can use for extending a component. In this article, I'll give you a rundown of the different options including mixins, higher-order components, renderless components, and the new Composition API. In this article, I'll give you an overview of the different options to help you choose the best and most suitable for your scenario.
When you are learning about a new frontend library, such as Vue or React you can read up a lot on certain best practices. There should be no problem finding resources on effective component composition, how to prevent performance bottlenecks, and the basics of state management, such as Redux, VueX, and so on.
Learn how to instrument an application's source code and collect code coverage information to guide end-to-end test writing. Let's take a Vue application scaffolded with Vue CLI like this bahmutov/vue-calculator app. In this blog post, I will show how to instrument the application's source code to collect the code coverage information. We then will use the code coverage reports to guide the end-to-end test writing.
Wondering what the key features and changes of Vue 3 are? In this article, I'll highlight them with a walkthrough of a simple Vue 3 app. If you're wondering what the key features and main changes of Vue 3 are, I'll highlight them in this article by walking you through the creation of a simple app using Vue 3 beta 9.
In this Vue 3 tutorial, I'll show you how the new Vue Composition API (coming to Vue 3) will make your form code much cleaner and more scalable. Forms are one of the trickiest parts of frontend development and where you'll likely find a lot of messy code
7 Ways to Define a Component Template in Vue.js: Plain strings, Template literals, X-templates, Inline templates, Render functions, JSX, Single-file components. We'll go through examples of each and address the pros and cons so you know which one is the best to use in any particular situation.