vue3-composition-api-import

vue3-composition-api-props-hello.vue

<template>
  <div>
    <ul>
      <li v-for="d in data" :key="d.id">{{ d.title }}</li>
    </ul>
  </div>
</template>

<script>
  import getDataFn from '../library/getData';

  export default {
    name: 'HelloWorld',
    props: ['uri'],
    setup(props) {
      
      const { data, getData } = getDataFn(props.uri);

      getData();

      return { data }
    
    }
  }
</script>