단순 코드 기록/Vue

Vue_디폴트

일일일코_장민기 2024. 3. 6. 10:55
728x90
App.vue
<template>
    <div>
        <HelloWorld
          username="Hong"
          v-bind:age="20"
          my-address="seoul"
      />
      <hr>
      <HelloWorld
          username="Lee"
      />
  
    </div>
  </template>
  
  <script>
  import HelloWorld from './components/HelloWorld.vue'
  export default {
      components: {
          HelloWorld
      }
  }
  </script>
  
  <style>
  
  </style>

 

HelloWorld.vue
<template>
  <div> 
    {{ username }}<br>
    {{ age }}<br>
    {{ myAddress }}<br>

  </div>
</template>

<script>
export default {
  props: {
        username:String,
        age:{
          type:Number,
          default:100
        },
        myAddress:{
          type:String,
          default:"경기"
        } 
  }
}
</script>

<style>

</style>