# vuejsdevelopers.com > AI-optimized mirror of vuejsdevelopers.com containing 50 pages totalling 43,165 words of clean markdown content, structured data, and semantic HTML. Original source: https://vuejsdevelopers.com/. Last updated: 2026-06-15T00:32:38.413Z. Each page is available as HTML (with JSON-LD structured data) and Markdown (text-only, ideal for LLMs and RAG). ## Homepage - [Vue.js Developers - Latest blog posts and news from the Vue.js Ecosystem](/content/site-root.html): Latest posts - Vue.js Developers, Latest posts - Vue.js Developers (276 words) ## Articles & Blog Posts - [This page could not be found](/content/topics/vue-js/index.html): Vue.js Developers Website (42 words) - [What is E2E testing and why do we need it?](/content/lessons/what-is-e2e-testing-and-why-do-we-need-it/1/index.html): Vue.js Developers (873 words) - [sitemap-xml.html](/content/sitemap-xml.html) (1 words) - [2017/12/11/vue-ssr-router/index.html](/content/2017/12/11/vue-ssr-router/index.html) (1 words) - [2017/11/06/vue-js-laravel-server-side-rendering/index.html](/content/2017/11/06/vue-js-laravel-server-side-rendering/index.html) (1 words) - [2017/10/16/vue-js-firestore/index.html](/content/2017/10/16/vue-js-firestore/index.html) (1 words) - [2017/10/09/vue-js-masonary-grid/index.html](/content/2017/10/09/vue-js-masonary-grid/index.html) (1 words) - [2017/08/28/vue-js-ajax-recipes/index.html](/content/2017/08/28/vue-js-ajax-recipes/index.html) (1 words) - [2017/08/20/vue-js-brunch/index.html](/content/2017/08/20/vue-js-brunch/index.html) (1 words) - [2017/07/31/vue-component-publish-npm/index.html](/content/2017/07/31/vue-component-publish-npm/index.html) (1 words) - [Use a Vue.js Render Prop!](/content/2018/01/15/vue-js-render-props/index.html): Render props is a design pattern from React that allows a closer-to-the-compiler alternative to templates with fine-grain control over rendering. In this article, Darren Jennings shows you how to implement render props with Vue.js, Vue JSX Render Prop by darrenjennings using vue, vue-router, Vue scoped slot example by darrenjennings using vue, vue-router (1,041 words) - [Migrating A VueJS App To Vuex](/content/2017/08/15/vue-js-migrating-to-vuex/index.html): Vuex is not so much a library as it is a design pattern. If you're new to Vuex, it can be daunting writing code that complies with the pattern. In this article, I'll demonstrate how to refactor a Vue.js app to incorporate Vuex. (1,581 words) - [2017/06/18/vue-js-boost-your-app-with-webpack/index.html](/content/2017/06/18/vue-js-boost-your-app-with-webpack/index.html) (1 words) - [2017/06/11/vue-js-extending-components/index.html](/content/2017/06/11/vue-js-extending-components/index.html) (1 words) - [2017/05/20/vue-js-safely-jquery-plugin/index.html](/content/2017/05/20/vue-js-safely-jquery-plugin/index.html) (1 words) - [2017/05/15/vue-js-what-is-vuex/index.html](/content/2017/05/15/vue-js-what-is-vuex/index.html) (1 words) - [Build A Collapsible Tree Menu With Vue.js Recursive Components](/content/2017/10/23/vue-js-tree-menu-recursive-components/index.html): A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I'll give you a demonstration of how to build a collapsible tree menu. (1,352 words) - [Build a PDF Viewer with Vue.js and Cloudinary](/content/2017/09/05/vue-js-pdf-viewer/index.html): Learn how to generate images from PDF pages for previews and presentations with Vue and Cloudinary. (1,497 words) - [2017/04/01/vue-js-prerendering-node-laravel/index.html](/content/2017/04/01/vue-js-prerendering-node-laravel/index.html) (1 words) - [Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps](/content/2017/08/06/vue-js-laravel-full-stack-ajax/index.html): I see many Laravel apps using AJAX to send the initial application state to a Vue.js client. This extra round-trip to the server delays page interactivity unnecessarily. In this article, I'll demonstrate an alternative method that is flexible and simple to implement. (1,795 words) - [Getting Started With TDD and Vue.js](/content/2017/12/25/vue-js-test-driven-development-tdd/index.html): Getting started with test-driven development, or TDD, is often the hardest part. This article helps you get going with a detailed walkthrough on setting up and writing tests for Vue.js. (1,745 words) - [Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS](/content/2017/07/24/critical-css-webpack/index.html): If we only load the CSS that's useful for the initial page render, our users will see the page quicker. Isolating critical CSS and loading non-critical CSS in idle time is something that can be done programmatically in your Webpack pipeline. (1,640 words) - [2017/03/24/vue-js-component-templates/index.html](/content/2017/03/24/vue-js-component-templates/index.html) (1 words) - [2017/03/05/vue-js-reactivity/index.html](/content/2017/03/05/vue-js-reactivity/index.html) (1 words) - [Build A Lazy-Load Router With Vue.js And The Latest Browser Features](/content/2017/10/30/vue-js-dynamic-imports-lazy-load/index.html): Dynamic module importing is one of the latest JavaScript features to hit the major browsers. In this article I'll demonstrate how you can build a lazy-load router with Vue.js that works natively in supported browsers. Without having to polyfill a module loading system, you can create this with just a few lines of code. (1,432 words) - [Why You Should Avoid Vue.js DOM Templates](/content/2017/09/17/vue-js-avoid-dom-templates/index.html): It's a common practice for a Vue app to use the DOM as its template. This practice comes with a few catches, however, that make it an undesirable choice. In this article, I'll explain the issues and offer some alternatives. (1,204 words) - [Vue.js Developers Yearly Wrap Up - Top 5 Articles Of 2017](/content/2018/01/01/vue-js-developers-2017-wrap-up/index.html): 2017 was a big year for Vue.js. In this post, I'll recap the five most popular Vue.js articles we released this year. I'll also give you some things to look forward to in 2018, both for Vue.js and for this blog. (1,429 words) - [Getting Your Head Around Vue.js Scoped Slots](/content/2017/10/02/vue-js-scoped-slots/index.html): Scoped slots are a useful feature of Vue that can make components more versatile and reusable. The only problem is they're hard to understand! In this article, I'll go through a step-by-step example so you can see how useful scoped slots are. (1,546 words) - [Advanced Server-Side Rendering With Laravel & Vue: Multi-Page App](/content/2017/11/27/vue-js-laravel-server-side-rendering-router/index.html): In this tutorial you'll learn how to server render a multi-page Vue.js app using Vue Router in a Laravel environment with V8Js (1,211 words) - [Faking Server-Side Rendering With Vue.js and Laravel](/content/2017/04/09/vue-laravel-fake-server-side-rendering/index.html): Server-side rendering is all the rage right now. But if you aren't using a Node.js server then you're out of luck. In this article I'm going to explain a method I use to fake server-side rendering using Vue.js and Laravel. (1,482 words) - [Jargon-Free Webpack Intro For VueJS Users](/content/2017/12/04/webpack-intro-vue-js/index.html): Webpack promises great things for Vue developers. But the range of possibilities of Webpack are also why it's so intimidating to learn. In this article, I'll give you a gentle introduction to Webpack without the jargon that may have you bewildered. (1,466 words) - [Create A Vuex Undo/Redo Plugin For VueJS](/content/2017/11/13/vue-js-vuex-undo-redo/index.html): Vuex is a great way to manage the state of your Vue application. In this article, I'll demonstrate how to create an undo/redo feature with Vuex, which works in a similar way to time-travel debugging. (1,748 words) - [4 Important Changes In Vue.js 2.4.0](/content/2017/07/17/vue-js-2-4-important-features/index.html): Vue.js 2.4.0 has been released this week with a ton of new features, fixes and optimisations. In this article I'll give you a breakdown of four of the most interesting new features. (1,325 words) - [Code Splitting With Vue.js And Webpack](/content/2017/07/03/vue-js-code-splitting-webpack/index.html): The longer it takes for your app to load, the more frustrating it's for the user, especially on mobile. In this article I'll show you how to 'code split' a Vue.js app with Webpack so users can see and interact with your app much quicker. (1,218 words) - [3 Code Splitting Patterns For VueJS and Webpack](/content/2017/07/08/vue-js-3-ways-code-splitting-webpack/index.html): Code splitting an app is a great way to improve its initial loading speed and can easily be achieved with Webpack. But where and when do you split your code? In this article I'll present three patterns for code splitting a Vue.js app: by page, by page fold and by condition. (1,312 words) - [How To Not Screw Up UX In A Single-Page Application](/content/2017/12/18/single-page-application-ux/index.html): The SPA architecture is designed to improve user experience in web applications. If poorly implemented, though, it can cause more problems than it fixes. In this article, we'll take a look at the common pitfalls of SPAs that detract from user experience. (1,102 words) - [Vuebnb: A Full-Stack Vue.js and Laravel App](/content/2017/11/20/vuebnb-full-stack-laravel/index.html): Vuebnb is a clone of Airbnb built with Vue.js and Laravel. In this post, I'll give a high-level overview of how it works so you get a sense of what's involved in building a full-stack Vue/Laravel app. (996 words) - [Use Any JavaScript Library With Vue.js](/content/2017/04/22/vue-js-libraries-plugins/index.html): Lodash, Moment, Axios, Async…these are useful Javascript libraries to utilise in your Vue.js apps. In this article we look at a method for including libraries that is DRY, avoids globals and makes them consistently available across your all your components and module files. (1,356 words) - [Don't Forget Browser Button UX In Your Vue.js App](/content/2017/04/16/vue-js-browser-button-ux/index.html): When building single-page Vue applications many developers forget to create good UX for browser button navigation. In this article we look at how we can set up smooth and predictable UX when moving back and forward between pages using nav buttons. (1,289 words) - [Switching From React To Vue.js](/content/2017/05/28/switch-from-react-to-vue-js/index.html): Thinking about a switch from React to Vue? They're similar beasts but with a few key differences. In this article I'll explain the differences so you're ready to jump in to VueJS and be productive. (1,450 words) - [Vue.js Single-File JavaScript Components In The Browser](/content/2017/09/24/vue-js-single-file-javascript-components/index.html): One of the cool things about native JavaScript modules for Vue.js users is that they allow you to organize your components into their own files without any kind of build step required. In this article, I'm going to show you how to write a single-file JavaScript component without any Babel or Webpack! (998 words) - [When VueJS Can't Help You](/content/2017/05/01/vue-js-cant-help-head-body/index.html): If you want to build a page with JavaScript, VueJS can do one helluva job on it. But Vue has no dominion over the head and body tags. What can you do if you need to manage these? (1,260 words) - [Single Page App Backends: Where Laravel Beats Node.js](/content/2017/06/04/vue-js-backend-laravel-beats-node/index.html): Node.js has a lot of advantages as a backend for SPAs. It allows you to have a single language in your project and gives you features like server-side rendering. Are Laravel users being left in the dust by full stack JavaScript? (1,564 words) - [What I Learned About VueJS From Building A Chrome Extension](/content/2017/05/08/vue-js-chrome-extension/index.html): Building a browser extension with Vue is a very similar process to building a regular web page with Vue, but there are a few key differences which you must be aware of. (1,162 words) - [What's The Deal With Vue's Virtual DOM?](/content/2017/02/21/vue-js-virtual-dom/index.html): Many Javascript frameworks like Vue, React and Ember implement a virtual DOM. Its main purpose is to increase the speed and efficiency of DOM updates, but offers additional benefits as well. (854 words) - [Vue.js Transitions](/content/2017/02/14/vue-js-transitions/index.html): Transitions in Vue allow you to apply effects to elements when they are inserted, updated or removed from the DOM. (810 words) - [5 Vuex Plugins For Your Next VueJS Project](/content/2017/09/11/vue-js-vuex-plugins/index.html): Here are five super-cool feature that you can easily add to your next Vue.js project with a Vuex plugin. (599 words) - [Using JSX with Vue.js](/content/2017/02/27/vue-js-jsx/index.html): JSX is a popular extension to Javascript that allows XML tokens in your scripts. In this article we look at how and why to use JSX in a Vue application. (852 words) - [5 Great Talks From VueConf 2017, The First Vue.js Conference](/content/2017/06/25/vue-conf-2017/index.html): VueConf 2017, the first official Vue.js conference, took place on June 22nd and 23rd in Wrocław, Poland. Every talk of the conference was informative and inspirational, but in this article I'll limit myself to just five talks to report on what you missed! (1,643 words) ## Resources - [Full Page Index](/index.html): Browse all cached pages with rich metadata - [About This Cache](/content/about.html): Methodology, technical details, and usage guidelines - [XML Sitemap](/sitemap.xml): Machine-readable sitemap for crawler discovery - [Robots.txt](/robots.txt): Crawler directives