Skip to Main Content
Vue.js 2 Design Patterns and Best Practices
book

Vue.js 2 Design Patterns and Best Practices

by Paul Halliday
March 2018
Beginner to intermediate content levelBeginner to intermediate
344 pages
7h 7m
English
Packt Publishing
Content preview from Vue.js 2 Design Patterns and Best Practices

Understanding reactivity

We've discussed reactivity and how it can be used in the previous chapters, but it's important to reconsider. When we're creating reactive data objects within Vue, it takes each property and adds appropriate getters/setters using Object.defineProperty. This allows Vue to handle changes to the object and notifies watchers, subsequently updating the component https://vuejs.org/v2/guide/reactivity.html. This can be visualized like so:

Visualizing Reactivity

This means that any property defined in the data option is automatically reactive. Here's an example:

export default {  data() {    return {      name: 'Vue.js'    }  }}

The

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Vue.js 2 Web Development Projects

Vue.js 2 Web Development Projects

CHAU GUILLAUME
Vue.js 2 Cookbook

Vue.js 2 Cookbook

Andrea Passaglia
Vue.js: 11 Practical Projects

Vue.js: 11 Practical Projects

James Hibbard, Yomi Eluwande, Michael Wanyoike, Nilson Jacques, Christopher Vundi, Deji Atoyebi, Ivaylo Gerchev

Publisher Resources

ISBN: 9781788839792Supplemental Content