diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/101-component-registration.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/101-component-registration.md index 8b7087f9d..90da6e689 100644 --- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/101-component-registration.md +++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/101-component-registration.md @@ -1 +1,6 @@ -# Component registration \ No newline at end of file +# Component Registration + +A Vue component needs to be "registered" so that Vue knows where to locate its implementation when it is encountered in a template. There are two ways to register components: global and local. + +Free Content +Component Registration diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/102-props.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/102-props.md index 771503ccd..f9493b566 100644 --- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/102-props.md +++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/102-props.md @@ -1 +1,11 @@ -# Props \ No newline at end of file +# Props + +If we are building a blog, we will likely need a component representing a blog post. We want all the blog posts to share the same visual layout, but with different content. Such a component won't be useful unless you can pass data to it, such as the title and content of the specific post we want to display. That's where props come in. + +Props are custom attributes you can register on a component. + +Free Content +Props Basics +Props in Depth + + diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/103-events.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/103-events.md index cbf945847..36ae3924d 100644 --- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/103-events.md +++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/103-events.md @@ -1 +1,8 @@ -# Events \ No newline at end of file +# Events + +As we develop our applications we may need to communicate with the parent component in order to notify of some actions e.g. when a user clicks on a button. In order to do this we need to use events. + +Free Content +Listening to Events +Events in Detail + diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/104-attribute-inheritance.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/104-attribute-inheritance.md index 1c58831d2..0fd011400 100644 --- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/104-attribute-inheritance.md +++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/104-attribute-inheritance.md @@ -1 +1,7 @@ -# Attribute inheritance \ No newline at end of file +# Attribute Inheritance + +Attribute inheritance aka "fallthrough attributes" is a feature of Vue.js that allows you to inherit attributes from a parent component. + +Free Content +Fallthrough Attributes +