Sometimes properties require default values to avoid code breaking errors when designing components in Vue. Let's look at how to give props default values.
Learn to add face recognition authentication to your web application
If you plan to enhance your experience in frontend development, ViteJs is the next-generation tool you should consider. Let's understand why Vite is faster.
See how you can use imgix and the Nuxt Image Component to accelerate page speed, simplify image workflow, and transform images at scale.
Both created and mounted seem to do the same thing in Vue, but there are differences. Let's look at when to use created and mounted in Vue.
Understand how the newer Composition API in Vue3 differs from the Vue 2 methodology, known as the Options API.
Check the latest statistics on the usage of Vue and learn why this framework is growing in popularity.
Vue.js also lets us use .env variables, but it works slightly differently. So let's look at how to use .env variables in Vue.
In Vue, we use $emit, which lets us send data upwards, and then trigger an event in the parent component should an $emit event be fired.
Since the release of Vue 2, Vuejs has grown rapidly. It is receiving awesome reviews from the users. Vuejs was one of the most popular Javascript front end frameworks in 2018 along with the giants like Angular and React. And now Vue 3 is all set to release. For the last few months, it has been in talks across various parts of the world.
Vue Draggable is a great library for Vue.js that makes it super simple to create interactive draggable components with virtually no effort
A company wants to start a new web service - a messaging aggregator for customer support. How do you go from an idea to a Python/Vue/Socket.IO web application?
Events are an important part of any framework, and Vue is no exception. Let's look at how events work in Vue in this cheatsheet.
For the past few years, Frontend developers have shown partiality towards React, with Vue.js and Angular tagging behind closely. Comparative interest in Vue has held back a bit due to the long-awaited and somewhat delayed Vue 3.0 release. Similarly, the interest in Angular has decreased due to the long delay in shipping Ivy (its frontend renderer).
Front end development has never been so popular earlier than now. The powerful comeback of javascript has gained an enormous advantage and the single age applications easily replaced the old traditional web apps. The apps are now more powerful with the more focus over the first gate for your app, called the user interface.
Vue uses lifecycle hooks to let us call certain pieces of code at different times during the component mounting process. Let's look at how it all works.
Astro is a new framework, should it be one you should experiment with? Find out the features, benefits, and drawbacks that this new framework has.
Introduction
Despite the fact that the Internet is 30 years old, a fair amount of the Internet is still unreachable or barely usable for visually impaired people.
In this post, we'll compare different pagination methods in GraphQL and learn how to configure a REST directive to perform cursor-based pagination with StepZen
Overview of the Vue Eco-System in 2022. Evan You talks about Vue 3, Vue 2.7, Vue 3.3, Nuxt 3, Vuetify 3, Vite, VitePress, Volar, Vitest, etc
In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks don't fire and nested components don't reload.
Application Acceptance
How to write and share technical software development articles in 2021.
We'll be looking at how we can optimize performance using two little-known Vue HTML attributes known as v-once and v-memo.
In this talk Eduardo goes through some of the internals of Pinia, understanding them and discovering how to enhance our usage of Pinia.
In Vue, we sometimes want to watch for changes of properties within properties. In this guide, let's look at how to watch for nested changes in Vue.
I'm a gopher by nature, so I expect consistent styling and linting in my codebases. More importantly, though, I don't like to think about styling. I like to type haphazardly and then have my editor apply styling automatically on save (ctrl+s, cmd+s).
Using Vue3 and Vite page inside of sub-folders.
A framework based on Vue.js, aimed to provide the best Developer Experience, to deliver the best User Experience for your end users.
After creating an application in Vue, you'll often want it to consist of multiple views or pages.
How to use the Vue magic to create awesome animations, from simple ones to more complex ones, combining Vue with animation libraries.
Problems I have encountered when trying to use vue-i18n library for internationalization of my app, and how fluent-vue solves them.
In this article, we will delve into the exciting world of full-stack development using Nuxt 3 and Nitro.
How to build accessible reusable widgets and reusable components with the help of ARIA (Accessible Rich Internet Application)
As the new year unfolds, we must catch, up on the latest technologies for 2020 that can help our businesses grow. Talking about web development, JavaScript plays a huge role in building server-side, client-side, desktop and mobile apps. Known as the primary language for web development, JavaScript can design apps aligned with many features and functionalities to develop interactive user-interfaces. With several numbers of JavaScript frameworks that are available in the market today, it can be a difficult task to choose one for your project. Before you hire a dedicated developer, let’s go through the list of the leading Frameworks that are best to use for your next project in 2020.
In true TDD, tests must fail, tests must pass, and the code must be refactored.
Creating good documentation is essential for every product a company builds, for its users to solve specific problems they might encounter. System documentation
In this article, I will teach you the basics of making your own web app, by creating a checklist app. ASP NET Core will be used to create a CRUD API and Vue will be used to create the frontend UI. Using the knowledge gained here, you should be able to apply it to start making your own web apps. You can find the complete solution in the GitHub repository.
John Vester introduces a Vue.js client application to read data from Salesforce and process SSE-based events via SSE implementation.
Recently we decided to make our templates jQuery-free. Please enjoy this list of admin dashboard templates without jQuery dependencies.
Vue.js is an open source JavaScript framework for creating user interfaces. Easily integrated into projects using other JavaScript libraries. It can function as a web framework that helps develop advanced one-page applications.
Quite commonly in our applications, we need to create interactive report builders to let users build custom reports and dashboards. This usually involves selecting the metrics, groupings, date ranges, filters, and chart types. To help developers build such interactive components, we've created a query builder component in Cube.js client libraries.
How to purpose changes; How to adapt ourselves in a tech stack.
In this article, we are going to list out the most popular websites using Vue JS as their frontend framework.
If you don’t have any definite preferences in design, you should try dark colors, because dark themes look so stylish and become more and more popular. That is why we decided to find the most amazing React, Angular and Vue admin templates with dark themes. If you ever googled admin templates then you probably know that there are tons of them and that is fine to be on the fence about which one to choose. If you are not sure whether to use admin dashboards templates or not you can read the article about the benefits of admin templates. The incorrect choice of an admin template may lead to a giant waste of time and money – so it’s the decision you should think about for a while.
This is it, people! It has arrived. The most demanded article of this series! This final and Part 4 of my series on “How I Built the Fastest E-commerce Store for a Home Decor Brand” will solely focus on Web Application Performance Optimization. This article will help you with how to boost the performance of your web application along with some tips and optimization hacks to take it to the next level. If you haven't read previous parts, Here are the links:
If you use Vue, you might be used to having to apply different classes to tags based on the logic in your code.
What we’re building
Bulma is a free, open-source CSS framework based on Flexbox and used by more than 200,000 developers. It's the easiest to learn (my opinion) due to its natural naming of classes and a simple grid system. It's not that popular like Bootstrap, but it got a specific fanbase.
As market trends begin to shift towards front-end development, it’s easy to question which JavaScript framework is in demand. Is it React, Angular or Vue? It’s a kind of game that makes you confused about which one you should pick up for your next web development project. It is even more confusing when you are just entering the trade game. A lot of startups and entrepreneurs don’t even realize which one is the right front-end framework for their web project.
Today, we've observed a dynamic growth of frameworks, approaches, and JS itself. Thus, investments in education are becoming even more reasonable and profitable. And learning Vue JS development services certainly deserves your attention.
Introduction
Disclosure: This post focuses on Jscrambler, a JavaScript protection product to which the author is affiliated (as CTO).
Customizing the design of a select tag is notoriously difficult. Sometimes it's impossible without building your own from scratch using a combination of styled divs with custom JavaScript. In this article, you will learn how to build a Vue.js component that can be styled using completely custom CSS.
Did you know roughly half of the users that visit your website leave if it takes more than 3 seconds to load? Optimizing your website or webapp for stellar performance is always a crucial goal for any software-based business.
User authentication and authorization can be difficult and time consuming. Getting it wrong can also have disastrous consequences, such as malicious users accessing and stealing personal or sensitive information from your app.
With this article, we begin a series of publications about Vue.js technology and try to make out the application development and all its components from different practical sides. In this part, we will tell you what the Vuex library is and analyze in detail such components as a store, state, getters, mutations, and actions.
What we’re building
It is becoming a common pattern to see websites and web apps written as a front end single page application (SPA) connected to a backend API. For this reason, the Visual Studio provides a several project templates for getting up and going with a Web API + SPA project.
Nuxt is a front-end framework that helps you build dynamic blog pages using the Nuxt content module. This article is a guide to hosting your blog today.
Vue is quickly growing in popularity among developers and Vue admin templates and themes made with help of Bootstrap is its most popular category.
Originally published on gitconnected.com
Check out these Awesome VueJS Resources For Developers
