Reactivity In Vue
In this article, we’re going to look at reactivity in Vue, how it works, and how we can create reactive variables using newly created methods and functions. This article is targeted at developers who have a good understanding of how Vue 2.x works and are looking to get familiar with the new Vue 3.
We’re going to build a simple application to better understand this topic. The code for this app can be found on GitHub.
By default, JavaScript isn’t reactive. This means that if we create the variable boy and reference it in part A of our application, then proceed to modify boy in part B, part A will not update with the new value of boy.
let framework = 'Vue';
let sentence = `${framework} is awesome`;
console.log(sentence)
// logs "Vue is awesome"
framework = 'React';
console.log(sentence)
//...