About

This is raw notes from the great symfony cast course "The Delightful World of Vue". Content have been fully copied/pasted from the official public resource.

Notes

...

21 - Where should a Piece of Data Live?

https://symfonycasts.com/screencast/vue/data-location#play- Earlier, I said that you should never, ever change the value of a prop. Props are meant to be read but not modified

What is the purpose of the special mounted() function in Vue?

https://symfonycasts.com/screencast/vue/ajax/activity/376

That's right. It's a special event callback that you can define in your components to do stuff just after a component is mounted in the DOM.

https://symfonycasts.com/screencast/vue/loading/activity/380

28 - Loading Component

https://symfonycasts.com/screencast/vue/loading

created will execute as soon as the component is instantiated. Even though the DOM structure still isn't mounted, you can still perform any other operations that deal with reactive data!

mounted, on the other hand, will be executed once the component has been mounted in the DOM. This is useful for any edge case when you need to manipulate the DOM directly!

39 - Hoisting Data Up

https://symfonycasts.com/screencast/vue/hoist-data#play

This is a fairly common situation: you start by putting your data in one component, then later you need to move it higher so that more parts of your app can use it. We did this once earlier: we moved the collapsed boolean data from Sidebar up to Products so that we could use it in more places.

47 - Watchers: The Good, The Bad & The Useful!

https://symfonycasts.com/screencast/vue/watcher#play

watcher! Very simply: a watcher is a function that's called by Vue whenever a specific prop or data changes.