{{category}}
Code

<!DOCTYPE html>
<html>
<head>
    <script src="http://192.168.1.22:8098"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body style="font-size: 30px">
<section id="app-3">
    <section>{{category}}</section>
    <ul>
      <li v-for="(member, key, index) of subject">
        {{index+1}}. {{ key }} : <strong>{{member}}</strong>
      </li>
    </ul>
</section>
<script>
new Vue({
    el:'#app-3',
    data:{
        category:'Project Base Learning',
        subject:{
            Name: 'PHP-Laravel',
            'Number of sessions': '40',
            'Where to learn': 'V1Study'
        }
    }
});
</script>
</body>
</html>