Vue.js Send Data To The Child Component

Static Data

STEP 01: In the parent component, add a custom attribute when registering a child component.

<ChildComponent title="Raja Tamil"/>

STEP 02: Passing the title attribute to the props array as a single item will turn it to a property that can be used inside the child component instance.




Instructor/Owner of SoftAuthor!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Codeburst Top 10 Web Development Articles This Week — January 24th, 2018

How to Use the PowerLoom APIs in Java Programs?

Angular Features | Less known but interesting to use

Angular very important features by they are less know by the world. So this article can help others to know those features and use.

Hoisting, where to declare variables

Writing neat asynchronous Node JS code with Promises

JavaScript: Learn & Understand Scope

How To Write Secure Code In React

Common Loops In JavaScript: A Guide

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Raja Tamil

Raja Tamil

Instructor/Owner of SoftAuthor!

More from Medium

Fundamental OF Lazy Loading In Vue Js

Accessing Component Data with $ref.

Vuex — State Management

OnLine and OffLine Detection Web navigator API using VueJS