Weekly Vue News - #59 - Watch multiple properties with their previous value

Hi 👋

I soft-launched my code snippet image tool: CodeSnap.dev 🥳

Feel free to give it a try and provide feedback!

Have a great week ☀️

Vue Tip: Watch multiple properties with their previous value

It's possible to add an array of multiple sources to the watch hook.

We can also access the previous values of each source:

Curated Vue Content

📹 Introduction To Astro and Vue 3

👉🏻 This video explores Astrp, a new framework for building fast static sites, and how it can be used with Vue.

JavaScript Tip: Add leading zeros to a string

The padStart() method pads the current string with another string (multiple times, if needed) until the resulting string reaches the given length. The padding is applied from the start of the current string.

The padStart() method accepts the following 2 parameters:

• The length of the resulting string once the current str has been padded. If the value is less than str.length, then str is returned as-is.
• The string to pad the current str with.

Curated Web Development Content

📹 TypeScript Crash Course

👉🏻 Become a TypeScript wizard from scratch with Matt Pocock

📕 History of JavaScript on a Timeline

👉🏻 A timeline of JavaScript's history from 1994 to now.

📕 Building Complex Types in TypeScript

👉🏻 Chris explains how to build complex types using fundamental concepts.

📕 A/B Testing in Vue + Nuxt.js

👉🏻 A/B testing is the process of comparing two versions of a web page or app to see which one performs better.

👉🏻 Dominik created his own A/B testing method with Vue and Nuxt.

📕 Porting Tests from Cypress to Playwright with AI

👉🏻 A fun story how Gajus used AI to rewrite tests from one testing framewor to another.

📕 How To Improve Largest Contentful Paint for Faster Load Times

👉🏻 Optimizing the LCP can have an outsized impact on when most critical content appears.

👉🏻 This post looks at four techniques to help you find and correct performance issues

Quote of the Week