Vue props for React developers (what colons and at symbols mean)
Coming from a React background I was surprised to see Vue components that had props with a colon or an at symbol in front of them. In this video, using a basic Nuxt.js application, I go over what each one means and how to pass in static and dynamic props to Vue components. In the process I'll touch on v-bind, event emitting, and event handling, as well as adding data, props, computed props, and methods to Vue components.
📬 SUBSCRIBE: / @readwriteexercise
=========================
Behind the scenes
=========================
This video took me three takes and between 1-2 hours of time total between filming and editing. Just adding the little onscreen text to this video is more editing than I do for more learning/tutorial videos like this.
I messed up some and learned a few things while making it, as you can see from the video, and I leave those things in to show how I troubleshoot/debug things and that I don't have a perfect knowledge of Vue or anything I make videos about.