Article Introduction：About one year ago we finally migrated from Vue 2 to Vue 3. It was 6 months before its official end of life. At the time, our app has around 100 pages and 300 components, and used some of the classic dependencies tied to Vue: Vue-router, Pinia (and P

2024-11-13 comment 0  311

Article Introduction：This tutorial provides a foundational understanding of Vue.js, applicable to both Vue 3 (used in this example) and earlier versions. We'll cover key aspects of building a Vue application, including: Creating a Vue application using the Vue CLI. Ren

2025-02-10 comment 0  303

Article Introduction：This article addresses the "Mutating props vue-warn" error encountered in a "Vue, Laravel, and AJAX" lesson. It explains the root cause and provides a step-by-step solution involving creating a local data field and using it to mod

2024-10-24 comment 0  904

Article Introduction：Three months ago, I switched jobs and transitioned from working on a React/Next.js frontend to a Vue 3 frontend. While this isn't my first time using Vue 3, it is the first time I decided to properly learn it. So, I subscribed to @vueschool_io and s

2025-01-15 comment 0  1083

Article Introduction：This article discusses the error "vue.js:2574 [Vue warn] Avoid mutating a prop directly..." in Vue.js development, which occurs when attempting to modify a property (prop) in the component's created() method. To resolve this, Vue proposes u

2024-10-23 comment 0  735

Article Introduction：Introduction Vue 3, the progressive JavaScript framework, offers developers a robust set of tools to build dynamic and reactive web applications. One of the core features of Vue is its lifecycle methods, which allow developers to hook into diff

2024-12-06 comment 0  588

Article Introduction：Vue CLI: A Comprehensive Guide to Rapid Vue.js Development This article provides a thorough overview of Vue CLI, a powerful command-line interface for streamlining Vue.js development. We'll explore its key features, installation process, project cr

2025-02-14 comment 0  633

Article Introduction：This article addresses the issue of prop mutations and the "vue-warn" error in Vue 2. It explains the reason behind the error and provides a solution by suggesting the use of a data or computed property to manipulate a prop's value while ma

2024-10-23 comment 0  1105

Article Introduction：This tutorial guides you through building a Vue.js application secured by Okta's OpenID Connect (OIDC) API, including CRUD operations via a backend REST API. We'll use Vue.js with vue-cli, vue-router, and the Okta Vue SDK, along with Node.js, Expres

2025-02-15 comment 0  860

Article Introduction：This article addresses common issues in debugging Vue Router navigation guards. It details troubleshooting steps, including using browser developer tools, Vue Devtools, and logging. Best practices for writing efficient, maintainable guards are also

2025-03-07 comment 0  967

Article Introduction：Arrow Functions in Vue Computed PropertiesProblem:Using arrow functions in Vue computed properties can cause unexpected behavior. After changing...

2024-11-24 comment 0  958

Article Introduction：Using Arrow Functions in Vue Computed PropertiesIn Vue, arrow functions can be used to define computed properties. However, users may encounter an...

2024-11-29 comment 0  620

Article Introduction：Slots are a powerful mechanism in Vue that enable components to define content areas that can be customized by the parent component. This promotes reusability and flexibility in building UI components. Vue 3 offers two primary slot types: Normal Sl

2024-10-26 comment 0  984

Article Introduction：This tutorial demonstrates building a simple Pokedex app using Vue 3 and Vue Router 4, showcasing key routing concepts. We'll cover setting up the router, handling route parameters, declarative and programmatic navigation, nested routes, and impleme

2025-02-09 comment 0  337

Article Introduction：Use Arrow Functions in Vue Computed Properties: TroubleshootingIn Vue, computed properties are used to derive reactive values from other...

2024-11-26 comment 0  514

Article Introduction：Vue 3 Composition API: a powerful tool to improve code organization and reusability Vue 3's Composition API provides a powerful code structure and organization method, giving developers greater flexibility and control. While the Options API is still the first choice for many, the Composition API provides a modern approach that is superior in terms of extensibility and reusability. This guide will take a deep dive into the core concepts of the Composition API and show you how to use it effectively in your Vue 3 applications. Before we begin, let us first understand Composition

2025-01-20 comment 0  850

Article Introduction：Keeping up with the ever-evolving world of web development can be a daunting task, but fear not! This project, "Adding Deprecation Warning to Vue Router," is here to guide you through the process of updating your Vue Router 3.4.9 applicatio

2024-10-20 comment 0  825

Article Introduction：Key Takeaways Asynchronous components and webpack’s code-splitting functionality can be used in a Vue application to load parts of the page after the app’s initial render, reducing initial load time and improving app performance. Vue caters for

2025-02-14 comment 0  664

Article Introduction：I've been a big fan of Vue for a long time. I remember when I first started using it, the simplicity was a breath of fresh air, especially compared to the React projects I had been wrestling with. Vue 2 felt like it had a clear philosophy: be approac

2025-01-13 comment 0  433

Article Introduction：Master the Vue 3 Composition API to build shopping list applications This article demonstrates how to build a shopping list application using the Vue 3.0 Composition API and explains its advantages to make its code easier to read and maintain. The Composition API, as an optional new way of creating and organizing components in Vue 3, makes the definition of responsive component logic more intuitive by grouping all code for specific functions (such as search). This will make your application more scalable and reusable. Core points: The Vue 3.0 Composition API provides a more accessible and intuitive way to define responsive component logic to enable

2025-02-10 comment 0  227