Component Props vue js 3

 

Component Props

//component er vitore atttributes pass kora  props er kaj.

//TestCom.vue

<template>

<div>

<h1>contact info</h1>

<h3>Name: {{name}}</h3>

<h2>website: {{website}} </h2>

<h4>{{address}}</h4>

</div>

    

    

</template>

<script>

export default {

    props: ['name', 'website', 'address'],

  data(){

      return{

          

      }

  }

}

</script>

//App.vue

<template>

<div class="design">

   <h1>{{msg}}</h1>

<Test-Com name="zakir bd" website="https://www.deveeloperbd.com" address="pabna"></Test-Com> 

</div>

</template>

<script>

// import HelloWorld from './components/HelloWorld.vue'

 import TestCom from './components/TestCom.vue'

export default {

  data(){

    return{

      msg: "hello vue js 3"

    };

  },

  components: {

    TestCom

  }

  

}

</script>

<style  scoped>

.design{

  border: 2px solid red;

  width: 400px;

  height:400px ;

}

</style>

............