“Recipes to Wrap, Extend or Proxy a Vue Component” + 7 more exciting Vue.js related resources and articles

Newsletter Issue #321 View and discuss this issue online Recipes to Wrap, Extend or Proxy a Vue Component This article details some ways to create a component that extends another. We'll look at attributes, props, listeners, and slots, along with functional components and render functions. The syntax will generally be Vue v2.6+ with additional notes for Vue 3. Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication In this article, we will explore how to use the Vue.js 3 Composition API to create a reactive parent to child communication without the limitations of porps. Ref vs Reactive Vue 3's Composition API provides two main ways of declaring reactive data: ref and reactive. This aarticle explains the difference between these and which you should use. Nuxt Nation - A week to go A week more to the Most Exciting Nuxt Conference of the year. Get ready to dive into all things Nuxt.js and web development on October 18th, 2023 to October 19th, 2023! Join 20,000 fellow Nuxt & Vue Developers to learn everything Nuxt has to offer in 2023 as you learn and interact with Nuxt Core team members and industry experts. Sponsored Hire vetted developers in US time zones, fast Need speed and flexibility in scaling dev teams? Revelo is the largest platform to hire world-class remote developers from LatAm. Get matched with vetted candidates in 3 days and receive a $2,500 credit on first hire. Start with a risk-free trial! Back to School Offer - Ends in one week Vue School, the largest online platform for learning everything Vue.js is offering incredible discounts of up to 45% off packages. Learn and build something amazing with Vue.js by making use of this awesome deal and get access to 1000+ premium video lessons, including a Vue.js 3 Masterclass. Deal expires soon so hurry up and grab this offer so you can level up your Vue.js skills Extending Vue Router Links in Vue 3 The <router-link> tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you'd want to use a regular <a> tag. This tutorial article will create a single component for all links internal and external. Mastering Pinia - Course Launch We're excited to announce the launch of the highly anticipated course, "Mastering Pinia." an in-depth online course led by none other than Eduardo San Martin Morote, the creator of Pinia - the cutting-edge state management solution for Vue.js applications. Course is out, signup now to elevate your Vue.js skills. Using URL to store state in Vue Usually, developers (including myself :D) use ref(), reactive() or even computed() to store state that could be easily be handled by the URL query or params. In this article, I would like to show you how you can utilize this powerful browser native functionality in your Vue app Comments? Join the discussion about this issue here. Until next week, The Vue.js Developers Team P.P.S. Continue the conversation with Vue.js Developers on social media: Facebook LinkedIn Twitter Instagram Thanks for being a subscriber of the Vue.js Developers Newsletter. Too many emails from us? Unsubscribe here . Vue.js Developers Limited Unit 1603, 16th Floor, The L. Plaza, 367 - 375 Queen's Road Central, Sheung Wan, Hong Kong, Hong Kong 100032