When an app gets bigger, we’ll need to split the code into child components for reusability purposes.

Let’s see how to import a Child Component to a Parent Component with 3 simple steps.

Let’s say you have a folder structure like this:

/src
  /pages (parent)
    ContactsApp.vue
  /components (child)
    AddContactForm.vue
    ShowContactsList.vue

…

Learn how to set an image of any size as the background of an HTML element full screen in CSS!

• Create A Div Element
• Make A Div Full Screen
• Add Background Image
• Adjust Background Image Size
• Position Background Image

Create A Container Div Element

Create a div or any block-level HTML element with the class…

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.

export default {…

Send data from the Child Component to Parent Component using the $emit() method.

STEP 01: Invoke the $emit() method in the child component where you want to send a piece…

In this example, you’re going to learn how to draw a polygon on the Google Maps canvas.

Declare the Map Object

<div id="map"></div>
<style>
  #map {
    height: 100%;
  }
  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0…