[Solved] need help setting up variable in Vue.js framework

by


figured it out on my own after 2 days, thanks guys

<template>
  ...
    <h2>{{bar1name}}</h2>
    <h3>{{bar2name}}</h3>
  ...
</template>

<script>    
export default {
  props: {
    bar1name:{        
      type: Object, 
      default: function(){
        return('Listening')
      }
    },
    bar2name:{
      type: Object, 
      default: function(){
        return('Problem Solving')
      }
    },
  }
}
</script>

solved need help setting up variable in Vue.js framework